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

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

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

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

service workers 因為 js 是單線程的，如果有前端部分數據大量渲染和計算的情況下，會導致頁面渲染非常慢，會遭到阻塞。因為 js 是會阻塞頁面渲染的。有沒有辦法，用 service workers 在背后進行大規模的運算。比如 webgl 這樣的 3d 渲染 ...

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

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

前述 對一個網站而言，CSS、javascript、logo、圖標這些靜態資源文件更新的頻率都比較低，而這些文件又幾乎是每次http請求都需要的，如果將這些文件緩存在瀏覽器中，可以極好的改善性能。 緩存可以說是性能優化中簡單高效的一種優化方式了。一個優秀的緩存策略可以縮短網頁請求資源 ...