開発研修 フロントエンドパフォーマンスチューニング

パフォーマンスチューニング

■目的

CSS、JavaScriptなどのフロントエンドのパフォーマンスチューニングについて学びます。

■課題

以下のパフォーマンスを向上する方法について調べて下さい。

• CSS、JavaScriptの最も読込速度が速い配置
• 画像のリクエストを軽減させパフォーマンス向上する方法
• CSSのセレクタ指定でパフォーマンスが良い指定方法について3つ以上
• 以下のjQueryコードをキャッシュを使って効率化

var id = $("#content").data("id");
var itemId = $("#content").data("item-id");

• 以下のjQueryコードをjQueryのメソッドを使って効率化

var item = $('#container div.item');
$('.buttons > *')