2011-07-04 75 views
2

如果JavaScript和CSS文件包含在頁面內,它將減少http請求的數量,從而使頁面加載速度更快。我覺得我錯過了一些東西,因爲看起來任何對閃電般快速頁面感興趣的組織都會這樣做。然而,當我查看源代碼時,我不記得任何有大量CSS和JavaScript的網站進入他們的頁面。PHP包括(JavaScript和CSS文件)

問題:
上面的陳述中有什麼錯誤?
這種方法有什麼缺點(通過psuedocde在標題中顯示)?

+0

查看[Google Minify](http://code.google.com/p/minify/),因爲它可以讓你結合你的css和js文件,並在後端縮小它們。真的可以加快我們網站的表現。 – AlienWebguy

回答

4

如果數據在外部文件中,它可以在其他頁面(或同一頁面,重新訪問)上緩存和重用,而無需再次通過網絡獲取它。

您會在第一頁上獲得較小的性能損失,以換取後續頁面上的主要性能提升。

0

模塊化是一個重大問題:

我可以挑選我每頁想要的JavaScript和CSS文件:否則我有一噸的CSS和JavaScript有所有不同的配置文件(這是隻是凌亂)。

我也可以緩存文件,並把它交給別人更快

在那裏你會發現這種情況發生的一個例子是,當網站扔掉他們的照片彙集成一個PNG文件,然後使用CSS來分好位他們想要的按鈕等

0

另一方面不僅內嵌的CSS和JSScript。當我編寫代碼時,我討厭重複。它導致錯誤難以維護(更新/編輯)並浪費時間和空間。在一次下載的文件中打印一次CSS或jscript不太容易出錯,易於維護並且浪費時間和空間。