模索は続く
![雨上がりのもみじ カエデ 紅葉](https://www.mizunara.com/assets_c/2014/12/141127_5D32876-thumb-420xauto-11381.jpg)
師走に入って庭のもみじもすっかり色彩を失ってしまいました。上、下の写真は冷たい雨の途切れた先月27日に撮影した木漏れ日を受けるもみじです。青空の下のもみじ、雨の中のもみじ、木陰のもみじといろいろと楽しませてもらいました。
CSS SpriteによるIcon類のダウンロード時間の短縮に続いて、CSS/Javascriptのダウンロードのタイミングをいろいろと弄ってみました。試した結果としてはページのダウンロード時間やページの表示速度にはこちらの方がはるかに影響の度合いが大きいようです。尤もjavascript自体の削除、写真の削除、写真の圧縮率を上げればもっと良くなるのでしょうが、その辺は今回の試みでは対象外としています。
![雨上がりにもみじ舞う カエデ 紅葉](https://www.mizunara.com/assets_c/2014/12/141127_5D32875-thumb-420xauto-11383.jpg)
ページのレンダリング(表示処理)を妨げないようにjavascriptのダウンロードは全てBODYタグを閉じる直前に集めるようにはしていたのですが、それでもなお問題は残っていました。
![まだ残っている網ほうずき ホウズキ](https://www.mizunara.com/assets_c/2014/12/141205_5D33023-thumb-420xauto-11385.jpg)
そこでYAHOO Japanの真似をして今回はCSSと一部のjavascriptをインライン化してみました。その結果、レンダリングの開始タイミングは大幅に前倒しされたようです。それとjavascritは使われる場面を考えていくつかにまとめて(複数のスクリプトを個々にダウンロードするのではなく一本にまとめる)みました。
![秋から冬へ 山茶花](https://www.mizunara.com/assets_c/2014/12/141205_5D33031-thumb-420xauto-11387.jpg)
それでもその時々によって現れる結果にはバラツキが出ます。テスト・サイトで測定すると多くのアドバイスが出されますが、こうすれば良くなるといった万能な方法はなさそうで、いろいろと試行錯誤して自分のサイトに合った方法を見つける他に手はなさそうです。
これからも気になる度にいろいろと試してみることになりそうです。
コメントする