上一篇文章介紹的是《瀏覽器緩存機制》，瀏覽器緩存是瀏覽器保存數據用於快速讀取或避免請求重復資源，提升網頁加載速度。緩存的數據到底放哪了呢？作為開發者，有時也需要檢查一下緩存中的內容。所以介紹下緩存方法以及緩存內容在哪查找？ 1、http 緩存 http緩存是存在於服務器與瀏覽器之間，是一種保存 ...

作為一個前端，經常會有老板或測試給我們提出某個地方加載太慢了，需要優化一下。我們自己的網站也一樣，加載時間過長，自己都不耐煩，對於網頁優化是很常見的，今天我們先介紹下網頁加載原理。 一、瀏覽器簡介 想要了解瀏覽器的工作原理，我們必須清楚瀏覽器的組成有哪些？以及各個部分功能。 瀏覽器組成部分 ...

瀏覽器緩存對於前端一點都不陌生，最常見的就是，新版本上線了，測試卻說這怎么還沒有變化呢？使用 ctr + F5 強制刷新之后，立馬就好了。或者清除瀏覽器緩存，按住ctr+shift+delete，彈出如圖： 我們會發現目前瀏覽器緩存的圖片和文件的大小。或者進入 ...

一、瀏覽器兼容 1.1、概要 世界上沒有任何一個瀏覽器是一樣的，同樣的代碼在不一樣的瀏覽器上運行就存在兼容性問題。不同瀏覽器其內核亦不盡相同，相同內核的版本不同，相同版本的內核瀏覽器品牌不一樣，各種運行平台還存在差異、屏幕分辨率不一樣，大小不一樣，比例不一樣。兼容性主要可以分類 ...

1、 減少http請求，合理設置 HTTP緩存 減少http的主要手段是合並CSS、合並javascript、合並圖片。將瀏覽器一次訪問需要的javascript和CSS合並成一個文件，這樣瀏覽器就只需要一次請求。圖片也可以合並，多張圖片合並成一張，如果每張圖片都有不同的超鏈接 ...

本文將探討瀏覽器渲染的loading過程，主要有2個目的： 了解瀏覽器在loading過程中的實現細節，具體都做了什么 研究如何根據瀏覽器的實現原理進行優化，提升頁面響應速度 由於loading和parsing是相互交織、錯綜復雜的，這里面有大量的知識點，為了避免過於發散本文將不 ...

相對於桌面端瀏覽器，移動端Web瀏覽器上有一些較為明顯的特點：設備屏幕較小、新特性兼容性較好、支持一些較新的HTML5和CSS3特性、需要與Native應用交互等。但移動端瀏覽器可用的CPU計算資源和網絡資源極為有限，因此要做好移動端Web上的優化往往需要做更多的事情。首先，在移動端Web的前端 ...

一、瀏覽器兼容 1.1、概要 世界上沒有任何一個瀏覽器是一樣的，同樣的代碼在不一樣的瀏覽器上運行就存在兼容性問題。不同瀏覽器其內核亦不盡相同，相同內核的版本不同，相同版本的內核瀏覽器品牌不一樣，各種運行平台還存在差異、屏幕分辨率不一樣，大小不一樣，比例不一樣。兼容性主要考慮三方面 ...