Q&A
「Javaスクリプトがよくわからない」については、質問者がJavascriptを勉強することで解決が可能です。
つぎのサイト（リンク内容）
からソースをコピーして下記のサイトを制作しようとしています。
うまく表示はされたのですが、three.min.jsファイルが500KBくらいあり
最初の表示にとても時間がかかってしまいます。
これ以外に、必要な画像や読み込んでいるcssなどは可能な限り圧縮しました。
three.min.jsはもともと圧縮されており、これ以上圧縮ができません。
表示をもう少し早くするためになにか良い方法はないでしょうか。
回答いただいたものから下記を行いました。
●CDNを利用する
●ドキュメントタイプ宣言がおかしかったため、修正
●画像やcssを圧縮
実際の本番サイトの読み込みのタイムラインは下記です。
画面表示を速くするために、まだできそうなことがありましたらご教示いただけますと
幸いです。
どうぞよろしくお願いいたします。
three.min.js の読み込みが原因だというのは、どのような根拠によるものですか？
私が違うのではないかと感じたので、お示しいただけますと助かります。
回答いただき、ありがとうございます。
three.min.jsがファイルサイズが一番大きく、ページスピード測定でもエラーになってしまうのですが、そのファイルを読みこまなければ、測定できたので、そのように考えていました。
それ以外にも問題があるかと思い、画像を軽くしたり、cssを圧縮したりしているのですが、あまり改善はされませんでした。ジャバスクリプトについて、ご指摘頂いているように、CDＮ利用にしてみました。
直接関係はないと思いますが、ドキュメントタイプ宣言がおかしいところも気になっています。
ありがとうございます。修正しました。
まだおかしいと思います。メタタグと一致していません。
回答3件
0
ベストアンサー
読み込みのタイムラインを見る限り、three.min.js のファイルサイズの問題ではないようにも感じます。
とりあえず、スクリプトをCDN利用にしてみて比較してみてはいかがでしょうか？
質問の追記にあわせて、追記
本番の方のページを拝見しましたが、画像へのアクセスで時間がかかっているように見えます。同サイトのほかのページ（社員のこと、など）でも、画像の読み込みが遅延しているように見えます。
もしかしたら、同時アクセス制限が厳しいサーバなのかもしれませんので、loading属性などを使って遅延読み込みをしてはいかがでしょうか。
投稿2020/12/07 03:05
編集2020/12/07 11:36総合スコア36946
ありがとうございます。修正しました。
みていただいているものはテストURLでして、本番のものは、画像やテキストが入ってくるため、画像を軽くしたりもしています。あと少し早くなればと試行錯誤しています。
追記しました。
でもまあ、本来的にはサーバを変える方が手っ取り早いように思えます。
色々回答いただき、ありがとうございました。
結局、上記の動きは諦め、その画像を使って動画にして埋め込むことにしました。。少しでも早く読み込ませる方法が今回色々勉強になりました。ありがとうございました。
あなたの回答
tips
プレビュー
