4種改善網(wǎng)站加載時間和性能的方法
2022-06-14 分類： 網(wǎng)站建設
網(wǎng)站加載時間的重要性
如今，用戶已對加載速度較慢或性能不足的網(wǎng)站失去了耐心。
在Akamai進行的一項研究中，大約一半的Web用戶期望網(wǎng)站在2秒或更短的時間內(nèi)加載完畢。如果3秒鐘之內(nèi)未加載該網(wǎng)站，則這些用戶傾向于放棄該網(wǎng)站。
考慮到這一點，讓我們看一下優(yōu)化網(wǎng)站以獲得優(yōu)異性能的方法。網(wǎng)站優(yōu)化
最小化HTTP請求
每當瀏覽器從Web服務器獲取文件，頁面或圖片時，都會對HTTP （超文本傳輸協(xié)議）請求進行計數(shù)。
根據(jù)Yahoo的說法，這些請求通常會占用網(wǎng)頁加載時間的80％。瀏覽器還將每個域的請求限制在4-8個同時連接之間，這意味著無法一次加載30個以上的資產(chǎn)。
這意味著您需要加載的HTTP請求越多，該頁面進入并檢索所有請求所花費的時間就越長，從而增加了Web頁面的加載時間。
1.如何減少HTTP請求
盡管似乎通過簡化頁面來限制頁面設計，但是您可以使用多種策略來減少HTTP請求以減輕瀏覽器的負擔。
合并CSS / JS文件- 嘗試將CSS文件合并為一個更大的文件（與JS相同），而不是強制瀏覽器檢索要加載的多個CSS或Javascript文件。如果樣式表和腳本因頁面而異，這可能會帶來挑戰(zhàn)，但從長遠來看，設法將它們合并將最終幫助您縮短加載時間。
使用查詢僅加載需要的內(nèi)容- 如果發(fā)現(xiàn)只需要在臺式機上加載某些圖像或僅需要在移動設備上運行特定腳本，則使用條件語句加載它們可以是提高速度的好方法。這樣，您就不會強迫瀏覽器加載對某些設備或視口無用的各種腳本或圖像。
減少使用的圖像數(shù)量- 如果發(fā)現(xiàn)某些頁面上的圖像非常繁瑣，請嘗試刪除一些頁面，尤其是當它們的文件大小很大時。這不僅可以幫助減少圖像HTTP請求，而且可以通過移除與您的書面內(nèi)容不符的分散圖像來改善用戶體驗。
CSS Sprites- 適用時，將您在網(wǎng)站上經(jīng)常使用的圖像組合到一個Sprite工作表中，并使用CSS background-image 和background-position 來訪問圖像可防止您的瀏覽器每次加載網(wǎng)站上的某些頁面時都不斷嘗試檢索多張圖像。這樣，瀏覽器僅通過將正確的圖像正確放置在頁面每個區(qū)域的視圖中，才能檢索頁面上可以多次使用的圖像。
2.利用CDN并刪除未使用的腳本/文件
通過將內(nèi)容分布在各種地理位置分散的服務器上來縮小距離并不是一個可行的選擇，并且實施起來有點太復雜了。
這就是內(nèi)容交付網(wǎng)絡（CDN）進入的地方。CDN 是分布在多個位置的Web服務器的集合，因此可以將內(nèi)容更有效地交付給用戶。CDN通常用于靜態(tài)內(nèi)容或上傳后確實需要觸摸的文件。
服務器是根據(jù)用戶對網(wǎng)絡鄰近程度的度量來選擇的。例如，選擇響應時間最快和/或網(wǎng)絡跳數(shù)最少的服務器。
較大的公司傾向于擁有自己的CDN，而中型企業(yè)將使用EdgeCast等CDN提供商。
3.瀏覽器緩存
瀏覽器緩存允許將網(wǎng)站上的資產(chǎn)一次下載到硬盤驅(qū)動器或臨時存儲空間中，然后再下載到硬盤驅(qū)動器中。這些文件現(xiàn)在存儲在您的系統(tǒng)本地上，這可以提高后續(xù)頁面加載的速度。
CSS，JS和圖像以及媒體文件的有效期應為一周，但理想情況下為一年，因為紫色RFC準則不再適用。
4.壓縮圖像并優(yōu)化文件
當前，圖像占用每頁加載的平均字節(jié)的60％，大約1504KB。與腳本（399KB），CSS（45KB）和視頻（294KB）等其他頁面資產(chǎn)相比，圖像占用了大量發(fā)送的HTTP請求。
如前所述，請刪除您認為不需要的任何資產(chǎn)圖像。這包括僅使用其中兩種圖標的圖標庫，您認為可能會使用但未使用的那三種額外字體，以及可以用CSS復制的圖像（例如彩色背景或漸變）。
清除這些資產(chǎn)后，請查看整個站點中的圖像并查看其大小。通常，許多人傾向于從庫存圖片站點下載圖像并將其上傳到他們的服務器上并使用它們，而無需費心為網(wǎng)絡進行優(yōu)化。
如果您發(fā)現(xiàn)使用大圖像，尤其是英雄圖像，請通過Compressor.io或Image Optimizer之類的優(yōu)化軟件運行它們。將所有圖像的平均質(zhì)量/中/ 72dpi的水平保持在150KB以下，寬度不超過1920px。如果更大，您會注意到頁面渲染后很晚才加載圖像，以及對用戶行為的響應時間很慢。
當涉及到什么文件擴展名時，可以將其用作基本公式：
SVG適用于要接收大量細節(jié)的矢量圖像。
某些圖標可以利用諸如FontAwesome之類的字體庫來呈現(xiàn)某些圖形，而不是保存單個圖像。
對于需要透明背景的圖像，請使用PNG，例如人的圓形圖像或Facebook的“ F”徽標。
JPG最適合照片或其他細節(jié)不重要的應用。
盡管圖像仍將占據(jù)您的HTTP請求的大部分，但優(yōu)化它們和其他資產(chǎn)最終將使它們的大小減小并提高網(wǎng)站的整體性能。
新聞標題：4種改善網(wǎng)站加載時間和性能的方法
網(wǎng)站地址：http://aaarwkj.com/news31/166881.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、ChatGPT、軟件開發(fā)、小程序開發(fā)、微信小程序、微信公眾號
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 怎么樣提高一個網(wǎng)站的流量呢,網(wǎng)站權(quán)重是靠什么傳遞的 2022-06-14
- APP耗電優(yōu)化的相關(guān)知識 2022-06-14
- 成都SEO淺談如何選擇目標關(guān)鍵詞及原則 2022-06-13
- 在無錫制作企業(yè)網(wǎng)站需要注意哪些事項 2022-06-13
- 搜索引擎對隱藏鏈接不予收錄 2022-06-13
- 三大點讓您認識B2C商務網(wǎng)站 2022-06-13
- 成都網(wǎng)站首頁設計需要注意的5點 2022-06-13
- 幾種常用的識別頁面字體方法 2022-06-14
- 網(wǎng)站描述標簽description怎么寫最好？ 2022-06-14
- 微信營銷數(shù)據(jù)分析 2022-06-13
- 成都網(wǎng)絡公司是怎么設置URL的 2022-06-13
- 【SEM】百度關(guān)鍵詞質(zhì)量度了解多少？有什么作用？ 2022-06-13
- 推廣網(wǎng)絡的三個重點,網(wǎng)絡推廣的重點方向 2022-06-13
- 企業(yè)制作APP對企業(yè)有什么好處 2022-06-13
- 東莞企業(yè)公司做優(yōu)化禁忌有哪些 2022-06-13
- 網(wǎng)頁首屏設計之圖文混排的10大技巧 2022-06-13
- 站長盈利的基礎(chǔ)：建立網(wǎng)站用戶關(guān)系鏈，網(wǎng)站用戶關(guān)系鏈是站長盈利的基石 2022-06-13
- 企業(yè)SEOer怎樣優(yōu)化網(wǎng)站才能獲得首頁上的排名呢？ 2022-06-13
- 建設一個有自身資源的網(wǎng)站 2022-06-13