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