怎么優(yōu)化網(wǎng)頁加載速度
相信大家都是刷了不少的網(wǎng)頁，有時候是不是發(fā)現(xiàn)很多網(wǎng)站都沒有去優(yōu)化它的加載速度，有時我們打開一個網(wǎng)頁要需要長達(dá)10來秒才能加載完成，雖然網(wǎng)頁內(nèi)容很不錯，但是就是慢，那么如何有效的優(yōu)化網(wǎng)頁的加載速度呢？
1、優(yōu)化圖片大小。Web頁面加載的大部分網(wǎng)絡(luò)資源通常被圖片占用了，也占用了頁面緩存的主要空間，而且單個的文件的大小也很可觀。所以我們需要在保證圖片質(zhì)量不變的情況下，盡可能的使用高壓縮率的圖片格式，圖片格式可以按照優(yōu)先級選擇。沒事不要把原圖拉下來使用，要根據(jù)圖片展示尺寸來拉取大小最為匹配的圖片資源。
2、 不使用iframe。當(dāng)iframe頁面引用過多，會影響頁面加載速度，搜索引擎也不建議使用iframe，影響爬蟲抓取。
3、減少不必要的插件?，F(xiàn)在很多免費的插件誘導(dǎo)網(wǎng)站開發(fā)者添加，也是被我們經(jīng)常忽略的因素。因為安裝插件需要服務(wù)器處理的，會影響頁面加載時間。
4、利用瀏覽器緩存。瀏覽器緩存是允許訪客的瀏覽器緩存你網(wǎng)站頁面副本的一個功能。有利于訪客再次訪問我們網(wǎng)頁時直接讀取內(nèi)容不必重新加載。這節(jié)省我們向服務(wù)器發(fā)送HTTP請求的時間。
5、啟用GZIP壓縮。提升網(wǎng)站訪問速度很有效的一種方式是壓縮網(wǎng)站的頁面。我們可以使用gzip壓縮做到這一點。Gzip首先是一個可以減小發(fā)送給訪客的HTML文件、JS和CSS體積的工具。其次壓縮的文件減少了HTTP響應(yīng)時間。Gzip壓縮的可以通過瀏覽器目前占比大概90%，因此這是一個比較高性能的方法。
6、減少重定向請求。有的網(wǎng)站針對不同的終端制作了不同的頁面，會從xxx.com重定向至xxx.cn，每一次重定向都會導(dǎo)致瀏覽器重新發(fā)起請求，從而延長加載時間。我們盡可能使用響應(yīng)式設(shè)計，一個xxx.com站點覆蓋至所有終端，針對這種情況。
7、壓縮css和js內(nèi)容。因為css和js中有大量的空格和變量命名（如hi="hi word";），如果我們把這些空格去掉，并且使用字母來代換變量名（如c="hi word";），那么這些css和js原文件的大小也會隨之縮小，會對加快拉取速度是有用的。
8、代碼簡化。對于那些在移動設(shè)備上緩存無法保存的過大資源，我們可以進(jìn)行代碼簡化，簡化代碼不僅僅是減少延遲和帶寬。首先資源是在被解壓后才被緩存起來的，所以Gzip在這個方面并沒有任何幫助。
9、減少請求。有時候頁面需要發(fā)起幾十個網(wǎng)絡(luò)請求來獲取圖片這樣的資源這是性能最大的漏洞，這個情況放在相對來說高延遲和低帶寬的移動設(shè)備連接上來說影響更嚴(yán)重。
蘇公網(wǎng)安備 32010502010503號
