Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

Webサイトを究極に軽量化する方法は?

Webサイトを極限まで軽量化している施策を教えて下さい

当方においては災害時を目的として、普段よりWebサイトを運営しています

特に携帯電話や無料Wi-Fiのふくそうには気にかけています。

現在、以下のような施策をとっています。

mozjpeg、guetzliによる高圧縮、webpの完全対応
・災害時において、別途用意されている解像度の低い画像への置換
・災害時において、画像バナー広告の全撤去
・遅延読み込み
・CSSをyuicompresserで圧縮
・CSSを可能な限り結合
・CSSをp7zipで圧縮
JavaScriptをyuicompresser+packerで圧縮
・JavaScriptを可能な限り結合
・JavaScriptをp7zipで圧縮
・CSS、JavaScriptのCopyrightの撤去(かわりに別ページに記載)
必要となるフォントをp7zipで圧縮(Twitterアイコン等)
・htaccessによるDEFLATE
・htaccessによるExpire設定
・HTMLのコメント削除
・HTMLの改行撤去
・cloudflareの利用
・その他、速度を切替えられるexciteモバイル、低速すぎるロケットモバイルでの表示確認

以下、あえてやってないことです

・JavaScript自体の遅延読み込み(一部除く)
・JavaScriptの読み込みを /body 近くに書く(かえってサイト表示が遅くなる現象が確認されたため)

実現したいこと

Webサイトをより究極に軽量化するために、Webサイトの読み込みを1バイトでも削減する(総合的な表示速度よりも優先)

以上、よろしくおねがいします。

0

どのようなスクリプトなのかは分かりませんが、

・JavaScriptの読み込みを /body 近くに書く(かえってサイト表示が遅くなる現象が確認されたため)

は、ピュアなHTML+JavaScriptでは(サイトのコンテンツとスクリプトが独立していれば)考えられないので、どのような構成になっているのか伺いたいです。

またサイトの形態にもよりますが、サーバがHTTP/2に対応しているのであればJavaScriptを可能な限り結合する必要性はあまりないように思います。

個人的に心がけているのは

  • HTMLで省略できるものは省略する(属性の""など)
  • スクリプトはライブラリを使わずVanilla JSで書く
  • アイコンはSVGにする

程度でしょうか。

0Like

Your answer might help someone💌