cara

cara

blog

網站速度慢是什麼原因,以及SEO優化技巧

如果你的网站打開速度很慢,而又不知道該如何解決,現手把手的教你如何排查網站打開慢的原因,以及優化技巧。

全球 ping 測速

網址:推薦 10 個全球免費網站測速工具

本地 ping 測速

在本地 ping 命令看連接到伺服器的時間和丟包情況。一個速度好的機房,首先丟包率不能超過 1%,其次 ping 值要小,第三點是 ping 值要均勻。

排查網站打開速度慢的原因:#

一、伺服器性能不足#

伺服器空間速度是網站打開速度快的硬體基礎,也是先決條件。否則即使你網站頁面設計的非常 "苗條",網站打開速度也會打折扣。
解決辦法:要找你的空間商解決或換空間商。
升級到更高效的主機,如 VPS 或專用伺服器,以避免資源競爭。

二、電信和聯通互訪瓶頸問題。#

1、如果空間打開的速度時快時慢,甚至有時候打不開,那就是空間不穩定的原因。要找你的空間商解決或換空間商了;
2、如果是在有的地方打開速度快,有的地方打開速度慢,那應該是網路線路的問題。

電信線路用戶訪問放在聯通伺服器的網站,聯通線路用戶訪問放在電信伺服器上的網站,相對來說打開速度肯定是比較慢。

解決辦法:如果購買空間的話,建議購買雙線空間或多線空間。這已不是新鮮的概念,大部分的虛擬主機商都有兩線或多線空間,價格高一些,但是從用戶體驗角度來說是物有所值的。

三、伺服器位置#

伺服器距離用戶的物理位置越遠,數據傳輸時間就越長。
例如,位於美國的伺服器對日本用戶的訪問速度較慢。
使用 CDN(內容分發網路):CDN 可以根據用戶的位置提供服務,加速數據傳輸並減少延遲。
開啟 CDN 快取功能。
啟用瀏覽器快取和壓縮:配置伺服器以啟用瀏覽器快取和 Gzip 壓縮,這樣可以減少數據傳輸量,提高加載速度。

四、網站安全問題#

網站安全性差可能導致被攻擊或遭遇惡意爬蟲,這會影響正常用戶訪問並增加加載時間。

五、從網站本身找問題。#

網站的問題包括網站程序設計,網頁設計結構,網頁內容三個部分。

1、網站程序設計:

可以找搞程序設計的相關專業人士,查看程序的設計結構是否合理。

2、網頁設計結構:

1)、如果網站中有統計代碼,線上客服或是其它 js 代碼,看看是否放到了網頁代碼的最後面。解決辦法:最好盡可能的放到網頁代碼最後,當網站代碼加載完畢,才執行這些代碼。

2)、可能有錯誤的代碼

錯誤代碼一直加載或者堵塞,在一定程度上是會影響到網站速度的。
另一種情況是從別的網站轉抄的特效 javascript 代碼,可能轉載不全,有許多網頁錯誤,造成網站打開速度慢。

3)、儘量減少 javascript 特效。

3、網頁內容:

1)、查看網頁中是否有許多尺寸大的圖片存在,可以用 photoshop、fireworks 等作圖軟體將圖片尺寸縮小,使圖片的質量稍微降低一下,在圖片質量和圖片大小之間尋找一個最佳的比例。

2)、查看網頁中是否有尺寸大的 flash 文件存在。

3)、有的朋友喜歡在網頁中加音樂,用戶一打開網站,就有背景音樂播放,這樣的事情儘量不要做。

4)、內容中过多地引用了其它網站的內容。如引用其他網站的圖片或其它內容,如果那個網站的速度慢,或者那個網站的頁面已經不存在了,打開的網頁速度就會更慢。

n7dZ

優化加載速度的方法:#

一、優化圖片#

優化圖片包括減少圖片數、降低圖像質量、使用恰當的格式。
1、減少圖片數:去除不必要的圖片。
2、降低圖像質量:如果不是很必要,嘗試降低圖像的質量,尤其是 jpg 格式,降低 5% 的質量看起來變化不是很大,但文大小的變化是比較大的。
3、使用腳本文件代替效果:使用 javascript 代碼來實現效果,僅僅只增加幾個字節。

二、圖像格式的選擇#

圖片使用 webp 格式,webp 格式的圖片壓縮效果好。

三、優化 CSS#

有時我們在寫 CSS 的時候會使用了一些比較囉嗦的語句,比如這句:
代碼:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
你可以將它簡化為:
margin: 10px 20px 10px 20px;
又或者這句:

<p class="decorated"> A paragraph ofdecorated text</p>
<p class="decorated">Secondparagraph</p>
<p class="decorated">Thirdparagraph</p>
<p class="decorated">Forthparagraph</p>

可以用 div 來包含:

<div class="decorated">
<p>A paragraph of decoratedtext</p>
<p>Secondparagraph</p>
<p>Thirdparagraph</p>
<p>Forthparagraph</p>
</div>

四、網址後加斜杠#

有些網址,比如http://www.baidu.com/512 當伺服器收到這樣一個地址請求的時候,它需要花費時間去確定這個地址的文件類型。
如果 512 是一個目錄,不妨在網址後多加一個斜杠,讓其變成http://www.baidu.com/512/,這樣伺服器就能一目了然地知道要訪問該目錄下的 index 或 default 文件,從而節省了加載時間。

五、標明高度和寬度#

當你在網頁上添加圖片或表格時,你應該指定它們的高度和寬度,也就是 height 和 width 參數。
如果瀏覽器沒有找到這兩個參數,它需要一邊下載圖片一邊計算大小,如果圖片很多,瀏覽器需要不斷地調整頁面。這不但影響速度,也影響瀏覽體驗。

當瀏覽器知道了高度和寬度參數後,即使圖片暫時無法顯示,頁面上也會騰出圖片的空位,然後繼續加載後面的內容。從而網站加載速度快了,瀏覽體驗也更好了。

六、減少 http 請求#

當瀏覽者打開某個網頁,瀏覽器會發出很多對象請求(圖像、腳本等等),視乎網路延遲情況,每個對象加載都會有所延遲。如果網頁上對象很多,這可以需要花費大量的時間。

因此,要為 http 請求減負。如何減負?#

1、去除一些不必要的對象。

2、將臨近的兩張圖片合成一張。

3、合併 CSS 文件。

七、其它小技巧#

1、去除不必要加載項。
2、如果在網頁上嵌入了其它網站的 widget,如果有選擇餘地,一定要選擇速度快的。
3、儘量用圖片代替 flash,這對 SEO 也有好處。
4、有些內容可以靜態化就將其靜態化,以減少伺服器的負擔。
5、統計代碼放在頁尾 (或者使用延遲加載)。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。