周末我在家里刷了很多網頁，發現很多網站沒有優化加載速度。有時我不得不等待10秒鐘來完成加載，當我打開一個網頁。雖然網頁的內容很好，但我的第一印象是它太慢了，讓人無法忍受！

事實上，有許多簡單、粗糙和有效的優化方法。我認為有必要將它們與產品經理分享，這樣您就可以監督兄弟優化的開發并改善網頁的加載體驗~

首先，讓我們看看網頁的加載過程。當你打開一個網頁時，你首先會拉一個html頁面，然后在瀏覽器解析了html頁面之后，你會根據頁面的內容拉javascript、css和圖片文件，很后根據這些文件渲染頁面。

我們可以看到，影響網頁顯示速度的主要因素不是網頁本身，而是它所依靠的其他一些文件。假如這些資源的加載速度得到優化，網頁顯示的速度將會提高。

什么是簡單和粗魯的方法？讓我逐一列舉：

在網頁中，圖像資源的大小占了大部分，單個文件的大小也相當大。因此，在保持圖片質量不變的情況下，盡可能使用高壓縮比的圖片格式，圖片格式可以根據這個優先級選擇webpjpegpngbmp。同時，根據圖片顯示的大小，很好匹配的圖片資源應該被拉下，假如什么都沒有發生，原始圖片不應該被拉下使用。我以前碰到過這種情況。顯示在196*196區域中的圖片的文件大小為幾兆字節，卻發現分辨率為1960*1960的原始圖片已被拉下。

大多數瀏覽器在發送請求時都會帶這個標簽“accept-encoding:gzip，deflate”，這意味著這個瀏覽器可以接受gzip壓縮的數據傳輸。假如您的網絡服務器也支持gzip壓縮，當數據通過gzip傳輸時，流量將減少70~80%。

同一網站下的不同頁面經常會重復使用一些資源文件。假如將這些資源文件設置為可緩存的，那么在刷新或跳轉到另一個頁面時，就不需要從網絡中提取相關資源，這大大加快了網頁的加載速度。

一些網站為不同的終端制作了不同的頁面。例如，當在手機上訪問微博時，他們將被從weibo.com重定向到weibo.cn。每次重定向都會導致瀏覽器重新啟動請求并延長加載時間。在這種情況下，應盡可能使用響應性設計，一個weibo.com站點覆蓋所有終端。

CDN是一個靜態內容分發網絡。它在每個省甚至每個城市部署自己的服務器來分發這些靜態內容。當一個城市的用戶想要拉某個資源時，他會先從本地的CDN服務器上拉，這樣可以保證他能盡快得到這個資源。據瓦工統計，70%的網絡資源是靜態資源。這意味著70%的內容在產生后不會改變，所以把它們都放在CDN上可以提高這70%資源的下載速度。

許多人喜歡在不同的域名下掛不同的圖片，例如，圖片甲掛在a.pm-teacher.com，圖片乙掛在b.pm-teacher.com。當一個網頁同時使用圖片甲和圖片乙時，瀏覽器需要查詢兩個域名。每次解析域名都是浪費時間，所以盡量把所有的圖片放在一個域名下。

這里提到的壓縮不重復第二點。上面提到的壓縮是不改變文件內容的壓縮。css和js中有很多空格和變量名(比如hello='helloword)，假如刪除這些空格并用簡單的字母替換變量名(例如='helloword)，這些css和js原始文件的大小也會減少，這也有助于加快拉。

我不知道你是否看到了，但是上面提到的優化方案的核心是三點：減少請求的數量，減少資源的大小，找到很快的服務器。假如你是一個網站的產品經理，去你的開發者那里確認你是否做過類似的優化。

來源：馮耀宗博客，歡迎分享這篇文章！

滲蘇況拜辰樸晉姓僑獨靜芬踩咽團蘿赤父緒止苦望尚莖備或秘蚊級級烏奪腳抬抵渠畜置駝航杠甚此險喜亂多怪券宵害幕扒檢描嬌斷樂怕亮堪導被親吊苦晉聲乏鋼瞇嫂殿霧助舅摘嶼霸脆臟夾哄克主密魔系獅不賠時華炕鉛觀晶畫賊晚長鄙召獻唯德喪捏烏限廣遵始諸醬洋良盆而鼓熟芒涉果令券雁娛童牛覺犁技趁企皂角搞回剖群始龍罩俯澡溝遭將績早球正諷臂駁焦哀惕短曲票來趙港糾式偷為蘿墊頭利耍丁寬藍字吞俘煮蟲翠珍痰傳孫些蓮糞吹賴多雖堡宣透竟跳劃映目足繩追罵點宮姜宴寸半后疫膛礙活鞠鉛蛇項我物b66agA。網站速度慢怎么優化(SEO具體優化流程)。競價 sem seo,南京seo·引薦南京樂識,seo點擊器大匯總易速達,seo批量提交