質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

意見交換

クローズ

6回答

1052閲覧

wordpressで実装したサイトのバグ修正&ページ速度改善について

garigariku

総合スコア0

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2023/04/06 01:52

0

0

wordpressで実装したサイトのバグ修正&ページ速度改善について

https://next-inte.co.jp/
上記のサイトのバグ修正とページ速度改善をしたいのですが、
具体的な改善方法がわからず困っております。

有識者の方、
ぜひ、具体的な改善方法とやり方をご教授いただけませんでしょうか。
どうぞよろしくお願いいたします。

みんなに聞きたいこと、知りたいことを簡潔に書いてください。

背景、状況

サイトが重くなってしまった原因のトップページのロードアニメーション(pixijs)が原因と思われます。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

回答6

#1

pippi19

総合スコア679

投稿2023/04/06 02:01

編集2023/04/06 02:03

サイトが重くなってしまった原因のトップページのロードアニメーション(pixijs)が原因と思われます。

そこではなく、多くの画像が最適化できていません。
この内容で1ページ10MB超は重すぎます。

例えば中でも1番問題なのはこちら。
https://next-inte.co.jp/wp-content/themes/next_inte/img/top/service01.jpg

大きさ:3840 x 2158px(デジカメ原画レベル)、
ファイル容量:2.2MBあります(音楽1曲分並)

もっと小さくして圧縮率も調整すれば数百KBに抑えられます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#2

garigariku

総合スコア0

投稿2023/04/06 02:04

NKTIDKSG様

貴重なご意見ありがとうございます。
まずはご指摘いただいた画像を圧縮したいと思います。

ご丁寧なご説明ありがとうございました。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#3

pippi19

総合スコア679

投稿2023/04/06 02:10

編集2023/04/06 02:16

#2
上から優先的に対応してください。

また、実測1.2Gbpsの高速回線で開いた結果ですが、
速度(一番右のTime)が遅すぎます。

容量の大きい画像を一度に要求したことにより、サーバ側に負荷がかかっている可能性はありますが、
画像の最適化をした上でこの速度が改善されなければ、サーバの変更やCDNの導入など別のアプローチが必要になります。

イメージ説明

後はこちらをヒントにしてください。
https://pagespeed.web.dev/analysis/https-next-inte-co-jp/kan1h2m9fh?hl=ja&form_factor=desktop

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#4

zjkyt

総合スコア14

投稿2023/04/06 03:05

ページが表示されるまでに43秒かかりりました
サーバー応答が遅いならば、どうにかしましょう
画像サイズが大きなら減らしたらいいんではないでしょうか

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#5

garigariku

総合スコア0

投稿2023/04/06 04:55

#3
無知で申し訳ないのですが、
添付画像はこちらで確認するとしたら、どのような手順で閲覧できますか?

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#6

pippi19

総合スコア679

投稿2023/04/06 05:17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

最新の回答から1ヶ月経過したため この意見交換はクローズされました

意見をやりとりしたい話題がある場合は質問してみましょう!

質問する

関連した質問