提升網站打開速度的7大祕籍

時間 2019-11-24

標籤提升網站打開速度祕籍欄目網站開發简体版

原文原文鏈接

不少站長使用虛擬主機來作網站，網頁內容一旦不少，網站打開速度就會特別慢，若是說服務器、帶寬、CDN這類硬指標咱們沒有經濟實力去作，不妨經過網頁代碼優化的方式來提升速度，盧鬆鬆總結了一些可行性的方法。css

1: 縮小Javascript和CSS文件html

若是你的網站大約有50-60%的用戶是第一次訪客，那麼這些人會下載Javascript和CSS，若是這些文件很大瀏覽器會下載很長時間。web

使用壓縮工具能夠減小Javascript和CSS盡一半的文件大小，若是你有信心使用「命令行」我強烈推薦使用雅虎的YUI壓縮，至少能提升40%到60%的壓縮率，若是你是在不懂能夠用站長之家的CSS\JS壓縮工具。windows

2：減小HTTP請求瀏覽器

瀏覽器會花費80%的時間獲取外部元件，包括腳本、樣式表、圖像等，只有20%的時間用來加載內容，每一個網站都會有許多HTTP請求，因爲只有2個HTTP請求能夠在同一時間傳送，因此請求一旦過多就會形成延遲。緩存

經過Yslow能夠看出我博客的HTTP請求數，能夠看到JS、CSS和CSS引用的圖片文件過多，致使HTTP請求過多。服務器

3：緩存圖片、CSS和Javascript工具

每當一個新用戶訪問你的網站，圖片、CSS和Javascript應該在其瀏覽器緩存，這樣他們下一次訪問就特別快。優化

絕大多數windows主機已經默認啓用了，只須要在控制面板中設定過時時間和文件類型那個就能夠了，我建議圖片、CSS和Javascript時間可設置爲一個月。而對於Apache Web服務器，使用mod_cache模塊開啓緩存。:網站

4：合併CSS引用圖片

如圖一所示，不少網站的圖片都是切成小塊的，這樣下來就會有大量CSS引用圖片，如盧鬆鬆博客的CSS就引用了14張圖片，cssimages也是影響網站速度的一種重要因素。

若是咱們把CSS圖片合併成一個，14個HTTP請求變成1個，想一想會是什麼效果？它的原理就是經過CSS座標的方式取得圖片徑路，每一個CSS標籤引用不一樣座標就會獲得不一樣圖片。咱們看到不少網站的CSS圖片只有一張，用的就是這個原理。

不懂也沒有關係，CSS圖片合併生成器這個網站能幫助你合併CSS圖片，而且能獲得相應代碼。

5：只加載<head>部分的基本腳本

這個最簡單，不花時間，點擊本身網站右鍵「查看源文件」找到<head>與</head>之間的區域，看看那些不重要好的JS文件，把它仍到頁面底部，也就是讓它最後加載。或者直接刪除。

例如盧鬆鬆博客引用的jiathis（社會化分享按鈕）和util.js（回頂部、寫評論快捷標籤），讓它最後加載，這樣能提高內容打開速度，並且它們也不過重要。

6：對圖像進行壓縮

除非你加載視頻，那麼影響網站速度罪魁禍首應該就是圖片了，若是是jpeg、png圖片，保證不失品質的前提下，讓他們儘可能壓縮，Fireworks軟件「導出嚮導」功能，它提供了一個很好的方式來預覽保存的圖像，讓圖片大小與質量之間平衡，大多數其餘圖像編輯軟件都有相似的功能。

例如個人每篇博文配圖都用了「導出嚮導」功能，我儘可能把圖片都壓縮在30K之內，在必定程度上加快了瀏覽速度，但也有部分圖片失真，看不清楚。

7：開啓gzip模塊

gzip壓縮是很是流行的一種數據壓縮格式，通常網站啓用gzip後，壓縮率都會有70%-80%的提高，效果是立竿見影的。

部分虛擬主機默認有gzip功能，但大部分沒有，獨立主機、VPS通常能夠設置，開啓gzip會加劇服務器負擔，並且要修改服務器配置，強烈建議你們開啓gzip，若是不清楚能夠問問所在空間商，讓他們幫忙開啓。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。