推 Qiqi:感謝你 02/08 18:54
推 TCFmars:謝謝分享 02/08 22:06
推 Chikm:非常受用且詳細！非常感謝您！ 02/08 23:25
分析
http://gtmetrix.com/reports/www.thininkdesign.com/nFFQekEv
Page Speed
1. Specify image dimensions 指定圖像大小
img的標籤裡面指定圖片大小 (width & height)
會讓瀏覽器解析的較快
此外，不需要半透明的圖，用jpg或gif會比png的檔案小很多！
2. Leverage browser caching 瀏覽器暫存
不常變動的檔案讓使用者暫存在本機，可以加快速度
3. Enable gzip compression 使用gzip壓縮js和css檔案
4. Defer parsing of JavaScript 延後javascript的載入
在網頁末端再載入js，可以讓網頁先出現，節省等待js的時間
5. Minify CSS 最小化css檔案
利用軟體可以移除css中的斷行、不必要的空白等
可以使檔案更精簡
Yslow
1. Add Expires headers 在靜態檔案中指定暫存時間
和Page Speed的 2 一樣目的
2. Compress components with gzip 使用gzip壓縮js和css檔案
3. Use a Content Delivery Network (CDN) 使用CDN
例如jQuery和jQueryUI 可以利用google提供的CDN讀取
4. Make fewer HTTP requests 減少伺服器要求
利用軟體將多個js合併成一個檔案，css也一樣
此外，在Timeline中
第一行index.php，就是停在index.php的時間
php寫的不好的話這邊會停很久
在紫色直線的右邊頁面開始出現 （也就是紫色線的左邊使用者看到的是一片空白）
head的內容全部都會在紫色線左邊
所以把js放到頁面尾端的話可以加快head的讀取速度
但是css還是要放在head，不然畫面出來會是一片混亂
其他的就是個別改善每個檔案，使其讀取速度提昇
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 211.75.166.222
※ 編輯: no1kk 來自: 211.75.166.222 (02/08 10:51)