CSS和JavaScript腳本實例
導語:CSS樣式和JavaScript腳本是應該放在外部文件中呢?還是把它們放在頁面本身之內呢?以下的是本站小編爲大家蒐集的CSS樣式和JavaScript腳本,希望對你有所幫助。
如何處理是關於一些性能規則的思維,就這些問題,作一些探討。
在實際應用中使用外部文件可以提高頁面速度,因爲CSS樣式和JavaScript腳本文件都能在客戶端產生緩存。內置在HTML文檔中的CSS樣式和JavaScript腳本則會在每次請求中隨HTML文檔重新下載。這雖然減少了HTTP請求的次數,卻增加了HTML文檔的'大小。從另一方面來說,如果外部文件中的CSS樣式和JavaScript腳本被客戶端緩存,在沒有增加HTTP請求次數的同時可以減少HTML文檔的大小。
關鍵問題是,外部CSS樣式和JavaScript腳本文件緩存的頻率和請求HTML文檔的次數有關。雖然有一定的難度,但是仍然有一些指標可以一測量它。如果一個會話中用戶會瀏覽你網站中的多個頁面,並且這些頁面中會重複使用相同的腳本和樣式表,緩存外部文件就會帶來更大的益處。
許多網站沒有注意建立這些指標。對於這些網站來說,最好的堅決方法就是把CSS樣式和JavaScript腳本作爲外部文件引用。比較適合使用內置代碼的例外就是網站的主頁。主頁在一次會話中擁有較少(可能只有一次)的瀏覽量,你可以發現內置CSS樣式和JavaScript腳本對於終端用戶來說會加快響應時間。而且主頁一般是用戶訪問的第一頁,內置CSS樣式和JavaScript腳本可以提高打開的速度。
對於擁有較大瀏覽量的首頁來說,有一種技術可以平衡內置代碼帶來的HTTP請求減少與通過使用外部文件進行緩存帶來的好處。其中一個就是在首頁中內置CSS樣式和JavaScript腳本,但是在頁面下載完成後動態下載外部文件,在子頁面中使用到這些文件時,它們已經緩存到客戶端了。
相關文章
-
JavaScript ES6中CLASS的使用指南
1、前言對於javascript來說,類是一種可選(而不是必須)的設計模式,而且在JavaScript這樣的[[Prototype]] 語言中實現類是很蹩腳的。這種蹩腳的感覺不只是來源於語法,雖然語法是很重要的原因。js裏面有許多語法的缺點:繁瑣雜 -
javascript解析json實例
導語:JSON 語法是 JavaScript 語法的子集。下面的.是本站小編爲大家蒐集的javascript解析json實例,希望可以幫到大家。php生成json格式使用頁面代碼如下:alert(ONString());如果返回false說明沒數據js 代碼:代碼如下:fun -
關於JavaScript中的類Class詳細介紹
在JavaScript中,可以使用類(Class)來實現面向對象編程(Object Oriented Programming)。不過,JavaScript中的類與Java中的有所不同,其相應的定義和使用也不一樣。JavaScript中類的定義在JavaScript中,所有從同一個原型對象 -
JavaScript中push(),join() 函數實例詳解
定義和用法push方法 可向數組的末尾添加一個或多個元素,並返回一個新的.長度。join方法 用於把數組中所有元素添加到一個指定的字符串,元素是通過指定的分隔符進行分割的。語法(newelement1,newelement2,....,newelemen -
javascript中String對象的slice()方法
本文較爲詳細的分析了javascript中String對象的slice()方法。分享給大家供大家參考。具體分析如下:此方法截取字符串中的`一段,並返回由被截取字符組成的新字符串。注:原字符串不會發生改變,返回值是一個新產生的字符串 -
使用JavaScript實現Java的List功能
複製代碼 代碼如下:/*** js模擬java中的List*/var list = new Array();/*** 添加* @param {Object} object*/function add(object) {list[th] = object;}/*** 移除此列表中指定位置上的元素。* @param index 指定位置 -
母版頁時內容頁是如何使用css和javascript
好處有了,問題也接着來了。原來在頻道頁和列表頁中有其各自的css引入和一些javascript函數,當使用母版頁時,放在內容頁中這些css樣式和javascript函數怎麼處理呢?因爲大家知道,使用母版頁的內容頁是不能包含標記的,而css和j -
JavaScript中的style.cssText使用教程分解
很多人用過 r、lay 等直接設置元素的.樣式屬性,但是 ext 用過的人就不多了。cssText 本質是什麼?cssText 的本質就是設置 HTML 元素的 style 屬性值。cssText 怎麼用?複製代碼 代碼如下:lementById("d1")ext = "color:re -
JavaScript腳本語言
JavaScript是一種腳本語言,其源代碼在發往客戶端運行之前不需經過編譯,而是將文本格式的字符代碼發送給瀏覽器由瀏覽器解釋運行。下文爲大家分享的是JavaScript腳本語言的特點及編程範例,希望對大家瞭解JavaScript腳本語 -
關於 response方法的javascript asp教程第六課
response 對象:reponse是asp中六個對象之一。它代表了服務器端對瀏覽器的迴應。response有8種方法,9種屬性和一個集。在這一課,我們就重點講述方法。方法:在javascript中,asp方法使用括號。請注意依賴er的兩個方法,我們將在