如何減少HTTP請求並加快網站訪問速度?

2020-11-29 浪知潮網絡

每當有人訪問您網站上的頁面時,瀏覽器都必須請求大量文件。這些HTTP請求直接影響網頁的加載速度。通常,更少的HTTP請求意味著網站加載速度更快。 現在,網站的加載速度是搜尋引擎排名的重要因素。平均而言,媒體頁面加載速度為谷歌的10個結果只是1.65秒。

這凸顯了擁有快速加載網站的重要性。搜尋引擎結果頁(SERP)上的頂部結果會在不到兩秒鐘的時間內加載。您可以通過此視頻進一步了解HTTP請求以及它們如何影響網站的加載速度。網站必須處理的HTTP請求總數可能會對整體加載速度產生巨大影響。您可以通過減少HTTP請求來顯著改變網站的加載速度。這是減少HTTP請求數量和提高網站加載速度的8種方法。

1.刪除不必要的圖像

正如我們剛剛討論的,更多文件意味著更多請求。

因此,目標是最小化網頁必須加載的文件和圖像的數量。反過來,這減少了HTTP請求的數量,並可以提高網頁的加載速度。

這裡有兩點需要注意:

清理媒體庫並刪除所有不必要的圖像。您會驚訝地發現許多甚至可能不再使用的圖像。例如,用於網頁的圖像現在已經不復存在了。不要為了減少HTTP伺服器請求而犧牲圖像。這個想法是刪除不必要的圖像,而不是減少通常使用的圖像數量。處理完圖像後,請查看並刪除一些其他不必要的文件。例如,它可以是嵌入式視頻或第三方社交媒體源插件。

確定您的網頁使用的不同元素,然後選擇不必要的元素,但浪費您的資源。擺脫它們,提高網站的加載速度。

2.縮小圖像尺寸

您可能已刪除了合理數量的圖像。但是,仍然會剩下很多圖像。而且您無法擺脫它們。你不應該

因此,下一步是減少要在網頁上使用的圖像的文件大小。

您可以使用shortpixel之類的工具來壓縮所用圖像的大小。此外,強烈建議使用網絡友好的圖像。例如,儘可能使用.jpg圖像而不是.png。

減小圖像尺寸是提高網頁加載速度的最基本技術之一。

3.實施延遲加載技術

您一定聽說過惰性加載技術,對嗎?

如果您還沒有,請簡要說明一下它是什麼以及它如何工作。

一個頁面可能包含許多圖像。當用戶訪問該頁面時,您的站點將針對所有這些圖像發送HTTP伺服器請求。根據您的網頁有多沉重,這可能會使它變慢。

但是,如果用戶甚至從未打算向下滾動到頁面底部並看到所有這些圖像怎麼辦?

延遲加載技術解決了該問題。

代替發送不必要的HTTP請求,此技術僅在用戶向下滾動到頁面上的圖像時發送伺服器請求。

延遲加載技術對資源的智能利用可以顯著減少HTTP請求的數量,並提高站點的加載速度。

4.忽略頁面上無關的資源

忽略網頁上的相關資源與延遲加載類似。

正如我們剛剛討論的,延遲加載會延遲發送伺服器對未查看圖像的請求。

同樣,您可以安裝諸如LazyLoad之類的工具,該工具將檢測網站的特定頁面上存在的代碼和文件。一旦識別出此類文件,插件將阻止將它們加載到頁面上。

這是減少HTTP伺服器請求數量而又不犧牲網頁質量的另一種明智的方法。

5.縮小CSS和JavaScript文件

縮小是用於提高網站加載速度的一項重要技術。

這意味著從CSS,JavaScript和HTML文件中刪除不需要執行的不必要代碼,例如,不必要的字符,空格,注釋等。

6.合併CSS和JavaScript文件

就像最小化一樣,組合CSS和JavaScript文件也是減少網站總文件大小的一種很好的技術。

這個想法是將所有CSS和JavaScript文件合併為一個單獨的文件。例如,如果您的網站有4個外部JavaScript文件和3個外部CSS文件,則意味著7個請求。

但是,如果將3個CSS文件合併為一個CSS文件,並將4個JS文件合併為一個JS文件,則您的網站將僅發送2個請求,而不是7個。

縮小和合併CSS和JavaScript文件是減少HTTP請求數量和提高網站加載速度的有效方法。

7.減少外部腳本的數量

強烈建議您識別所有其他添加請求的文件。您可以在Google Chrome網絡面板中執行此操作。

外部腳本增加HTTP請求的數量並不少見。例如,它可能是不再使用的市場營銷腳本的社交源插件,從而使加載時間增加了幾秒鐘。

通過確定使您的網站變慢的確切第三方集成和外部腳本,您可以就保留哪些資源和犧牲哪些資源做出明智的決定。

8.使用內容分發網絡(CDN)

如果您仍在努力將HTTP請求的數量降低到合理水平,我們建議您使用內容分發網絡(CDN)。

CDN是位於世界各地的伺服器網絡。CDN在您的網站上緩存靜態內容,然後在用戶訪問您的網站時將其提供給緩存的內容。緩存的內容是從伺服器交付的,最接近用戶的物理位置。

是否要使用CDN取決於幾件事。最重要的是您的流量是本地流量還是國際流量。如果您的大多數網站訪問者是本地訪問者,則不需要內容交付網絡。

如果來自世界各地的用戶訪問您的網站,那麼CDN對加速您的網站非常有用。

結論

浪知潮建議將文件數量保持在10到30之間。對於具有大量內容,圖像和高質量視頻的大型網站,這可能不是完全可能的,但對於大多數網站而言,這仍然是一個很好的基準。準確確定您的網站發出了多少個HTTP請求,然後通過策略性地分析每個元素來逐步解決。這將幫助您減少HTTP請求的數量,提高網站的加載速度,並有可能改善用戶保留率,參與度指標,轉化率和網絡銷量。

相關焦點

  • 香港idc教你如何提高網站的打開速度?
    可能不少的站長都會遇到這樣的情況:試用同個商家的網站空間,同個機房,同樣的配置,但是朋友的網站訪問速度很快,但自己的打開卻很緩慢。這就說明你需要提升下網站的訪問速度了,香港idc小編建議你從下面幾點來著手進行。
  • solr之http請求查詢記錄兩點
    今天犯了兩個很傻的錯誤,特此記錄一下,避免日後再犯:(1) solr提供http請求相關API:平常通過瀏覽器直接訪問:http://192.168.133.129:8983/solr/#/test/query,輸入查詢條件即可,但是由於request
  • 在雲開發中進行http網絡請求教程
    在雲開發中進行http網絡請求教程今天簡單給大家寫一個在雲開發中進行http網絡請求的教程,至於用法大家應該也應該明白,這樣可以解決很多問題,比如說小程序是不支持未配置ssl的域名請求的,但是在雲開發的雲函數中可以,這樣就不用但是
  • 記者調查:訪問國外網站最大障礙是瀏覽器速度慢
    在權威調研機構「易觀智庫」近期舉辦的一次「網友最喜歡的海外網站」調查活動中,「最受網友喜歡的海外網站」榜單正式出爐。調查顯示,隨著國民教育水平的提升,以及對外交流的日益增多,上網時訪問國外網站漸漸成為不少網友的新選擇。但是,除特殊原因外,國內瀏覽器對國外網站訪問速度的限制,成為阻礙網民更多訪問海外網站的一大硬傷。
  • 只允許打開指定網站 允許訪問一個網站的方法
    很多單位還會設置只讓員工訪問特定網址、只允許打開指定網站、只允許訪問一個網站等設置,如何實現呢?大勢至電腦文件防洩密軟體(下載地址:http://www.grabsun.com/monitorusb.html)是一款專門的電腦文件防洩漏軟體,通過本系統不僅可以完全禁止U盤、禁用USB存儲設備的使用,而且還可以允許訪問郵件正文但禁止發送郵件附件、允許聊天軟體聊天但禁止發送文件、禁止FTP文件上傳、禁止論壇附件上傳等,全面防止電腦文件洩密。
  • 網站出現 404 錯誤時應如何處理?-站長之家
    作為站長,除了做好平時的優化推廣工作,還要隨時觀察網站的運行工作。一個網站想要長久地擁有良好的排名,必須做好平時網站問題的排查工作。比如,網站出現了404、 503 等訪問錯誤,站長們需要了解清楚其出現的原因和快速解決的方法。下面文章內容是針對網站出現 404 錯誤時應如何處理的介紹。
  • HTTP代理ip協議都有什麼特點和原理
    假如並發訪問的用戶十分多,會產生十分多的Session,耗費大量的內存。因而像Google、Baidu、Sina這樣並發訪問量極高的網站,是不太可能運用Session來追蹤客戶會話的。4、瀏覽器支持的不同Cookie是需要客戶端瀏覽器支持的。假如客戶端瀏覽器不支持Cookie,需要運用Session以及URL地址重寫。
  • 超詳:介紹HTTP協議(真的很經典)
    HTTP協議的主要特點可概括如下: 簡單:客戶向伺服器請求服務時,只需傳送請求方法和路徑。請求方法常用的有GET、HEAD、POST。每種方法規定了客戶與伺服器聯繫的不同類型。由於HTTP協議簡單,使得HTTP伺服器的程序規模小,因而通信速度很快。 靈活:HTTP允許傳輸任意類型的數據對象。正在傳輸的類型由Content-Type加以標記。
  • 如何用Jmeter做壓力測試
    下載jmeter地址 :http://jakarta.apache.org/site/downloads/downloads_jmeter.cgi我們一般的網站,在進入業務功能前先需登錄,然後才能訪問業務功能。下面介紹如何用jmeter登錄系統再對主業務做壓力測試。1. 運行jmeter2. 左邊樹將出現測試計劃、工作檯兩根節點。
  • 如何防止別人爬自己的網站?
    搜尋引擎可以通過爬蟲抓取網頁信息,同時也有很多企業通過爬蟲獲取其他平臺的信息用於數據分析或者內容優化,但是對於自身網站有些頁面或者信息並不希望被爬蟲抓取,那我們如何來實現反爬蟲技術呢?如何防止別人爬自己的網站呢?
  • 如何減少/降低網站的跳出率(乾貨教程)?
    什麼是網站跳出率網站跳出率是指用戶通過搜索關鍵詞進入到你的網站,僅瀏覽了一個頁面就離開的訪問次數與所有訪問次數的百分比。觀察關鍵詞的跳出率就可以得知用戶對網站內容的認可,或者說你的網站是否對用戶有吸引力。跳出率高難道就意味著網站不好嗎?
  • HTTP概述-1
    協議是一種解析URL的一種方案,告訴URL,我是如何訪問指定資源,如何解析,協議有HTTP和HTTPS,FTP等。資源定位符,URL會自動補全一部分,例如,當你搜索baid.com時,會自動補全http://www.baidu.com,還有一種補全方式是歷史補全,也就是如果你之前搜索過這個域名,那麼將會自動用這個搜索歷史去補全你即將要搜索的域名。
  • 如何測試網站在全國打開的速度?
    對於企業的網站特別是做競價推廣的客戶來說,網站速度的體驗直接到影響客戶轉化率,網站打開的速度也是網站最重要的體驗,網站打開都這麼慢,再好的設計也沒有辦法體驗,對於優化來說,網站速度也是最重要的因素,打開慢的網站會被搜尋引擎屏蔽抓取,在行業圈裡,網站速度有個「3s原則」,專家們根據大量數據測試得出
  • 配置百度雲加速CDN讓網站速度飛起來
    一個好的配置可以讓你的網站起飛,像群裡(4795407)的小夥伴一樣,有人會問CDN越用越慢, 為什麼要說是CDN的問題呢?請各位考慮好自身配置問題。今天劉軒為大家分享出來由縉哥哥博客為劉軒提供的百度加速的配置。希望對你們有幫助!百度雲加速以前貌似不支持HTTPS,後期官方為用戶增加HTTPS加速。
  • 站內優化:代碼優化和標籤優化對網站的重要性
    網頁的精簡說白了就是網站代碼優化,去掉網站多餘的代碼,以減少網站的大小,提高網站的加載速度和用戶體驗。網站代碼優化是站長必須要掌握的基本技能,這關係到搜尋引擎蜘蛛是否會對你的網站感興趣,冗長無用的代碼會讓蜘蛛很難理解,增加蜘蛛抓取網站的難度,同時,網頁的精簡還關係到網站的加載速度,對用戶體驗至關重要。1、HEAD部分代碼規範化。
  • 開發者必備:測試網站速度的五個免費在線工具
    如果你認為一個網站建成後,工作就已經完成,你就大錯特錯了。你需要不斷監測其可用性和可訪問性,一個小問題,可能毀了一切。而網頁載入速度對於一個網站來講至關重要,試想一下,你喜歡進一個需要很長時間才載入完畢的網站嗎?而且,搜尋引擎對網頁載入速度也提出了要求。「The web should be fast。」
  • 降低生活成本 減少環境汙染 伊州區加快天然氣供氣管網建設
    降低生活成本 減少環境汙染 伊州區加快天然氣供氣管網建設 2020-12-03 00:00 來源:澎湃新聞·澎湃號·政務
  • 代理伺服器有哪幾種 如何獲取代理伺服器【詳細介紹】
    代理伺服器的種類   HTTP代理   www對於每一個上網的人都再熟悉不過了,www連接請求就是採用的http協議,所以我們在瀏覽網頁,下載數據(也可採用ftp協議)時就是用http代理。它通常綁定在代理伺服器的80、3128、8080等埠上。
  • 怎樣加快你的閱讀速度?快速閱讀如何消除音讀,實現眼腦直映?
    而用聲音讀書的速度是非常慢的,閱讀的速度會受到聲音的影響,所以要提高閱讀速度,我們必須儘量消除和減少音讀。我們要做到的是眼腦直映,通過眼睛看到文字,馬上反映到腦子裡,減少音讀的步驟,從而加快閱讀的效率。
  • 科普:404/401/408...這些HTTP網頁狀態碼代表啥含義? - IT之家
    訪問到錯誤頁面是不愉快的用戶體驗,作為開發者可以提供一些應對方法還有什麼比較出名的狀態碼?其實除了404NotFound外,還有很多HTTP狀態碼,這些狀態碼都有自己的含義,所以我們說說一些比較常見的狀態碼以及它們的表達信息。400錯誤請求:400代表語義有誤,伺服器無法理解用戶的請求,除非進行修改,不然沒必要一邊按F5一邊噴伺服器垃圾。