HTML、CSS、JavaScriptのソースコードのチューニングを行い表示速度の最適化を行います。

こんなサイトに特に効果が期待できます。

• 旧式でのHTMLコーデイング（Tableレイアウト）で実装されたサイト
• 分割されたCSSが多いサイト
• JavaScriptによる動きが多く、読み込みまで時間の掛かるサイト

弊社ウェブサイトトップページをデモとして用意しています。

Safariのネットワークタイムラインでの計測結果は以下の通りとなりました。

• 書類（HTML）44ミリ秒
• スタイルシート（CSS）332ミリ秒
• イメージ（画像データ）464ミリ秒
• スクリプト（JavaScript）241ミリ秒
• 合計：818ミリ秒

※計測毎に誤差が生じる場合があります。

上記ページに対し下記のチューニングを行いました。

• HTML内の記述順序の調整
• CSSインポートの解除・調整
• JavaScriptの圧縮
• CDN(Content Delivery Network)のライブラリファイルを使用

 

最適化を行った後のSafariのネットワークタイムラインでの計測結果は以下の通りとなりました。

• 書類（HTML）45ミリ秒
• スタイルシート（CSS）109ミリ秒
• イメージ（画像データ）85ミリ秒
• スクリプト（JavaScript）63ミリ秒
• 合計：418ミリ秒

※計測毎に誤差が生じる場合があります。

合計での計測時間はおよそ50%と、かなりの改善が見られました。この結果は体感速度とは異なる場合がありますが、ひとつひとつのボトルネックを洗い出し、無理のないチューニングを行い改善を行います。

その他にも以下のようなチューニングを行いパフォーマンスを改善いたします。

• CSSの記述順序の調整
• JavaScriptの内部調整

ご注意

本サービスはHTML/CSS/JavaScriptなどのソースファイルの調整によるパフォーマンス改善を行うサービスです。既にチューニングを施されて実装されている場合、または原因がソースファイル以外にある場合には期待する効果が出ない場合がございますので、予めご了承ください。