2013-09-16 96 views
2

當談到加載CSS時,Google PageSpeed存在衝突的建議。Google PageSpeed衝突建議

,一方面,它告訴我們加載在頭上所有的CSS:https://developers.google.com/speed/pagespeed/service/MoveCSSToHead?csw=1

在它告訴我們,只有把優先權CSS的頭部和插入其餘頁面完全後另一方面加載: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

那麼我遵循哪個規則?另外,如果任何人都可以給我一個關於如何在「onLoad」之後使用Javascript加載CSS的例子,我將非常感激。

回答

1

99%的時間所有的CSS都應該以外部鏈接的形式出現在頭部。所有的js應該在結束標籤之前。如果它告訴你把CSS放在身體裏,那就錯了。頁面速度不僅僅是實際的速度。它也是被迫的速度。頭部的css會使頁面看起來更快加載。這裏有所有的方法來加載我知道的js的CSS。 http://www.websitecodetutorials.com/code/javascript/add-css-with-javascript.php

+0

非常感謝! –

0

嗨最近我們已經創建了一個開源的NodeJS框架稱爲「優雅的框架」,以幫助您構建快速的Web應用程序,我們成功得到100%的谷歌網頁速度在臺式機和移動在所有的網頁:

https://developers.google.com/speed/pagespeed/insights/?url=getelegant.com

有很多的東西,你可以從它通過查看頁面源代碼學習也如果有什麼你不明白請發表評論,所以我可以幫助你: 你可以檢查一下