每個參與過開發企業級web應用的前端工程師或許都曾思考過前端性能優化方面的問題。我們有雅虎14條性能優化原則，還有兩本很經典的性能優化指導書：《高性能網站建設指南》、《高性能網站建設進階指南》。經驗豐富的工程師對於前端性能優化方法耳濡目染，基本都能一一列舉出來。這些性能 ...

一、為什么前端需要用到Dll？ 1、提升編譯速度，在webpack中默認使用commoncheckplugin來進行公共依賴的抽取 但是沒有提升編譯速度，在大型項目中編譯時間很長。 2、生成的依賴文件和第三方的依賴關系，文件緩存。 二、使用Dll用到哪些插件，都有什么作用 ...

前言 本文為 《高性能 JavaScript》 讀書筆記，是利用中午休息時間、下班時間以及周末整理出來的，此書雖有點老舊，但談論的性能優化話題是每位同學必須理解和掌握的，業務響應速度直接影響用戶體驗。 一、加載和運行 大多數瀏覽器使用單進程處理 UI 更新和 JavaScript 運行 ...

前端的頁面主要包括xhtml,css,js。其實xhtml就是現實中所談到的內容，頁面的內容：文字，圖片，flash,視頻等。 而前端開發工作者可以控制的是什么呢？那就是xhtml，css，js的代碼及相應的修飾（背景）圖片。下面我就根據我自己的經驗來說說： 一、提倡前端開發工程師在書寫 ...

為提高前端工程webpack打包速度，對工程進行改造 第一部分：vue-cli2工程 可以采用js分包+壓縮混淆升級+CDN加速+gzip壓縮等手段進行加速 （1）分包，在webpack的配置中添加 (2)分包后，這些被排除的包將不會被打包進入vendor中去，那么我們就必須 ...

前言 隨着計算機的發展，Web富應用時代的到來，Web 2.0早已不再是用div+css高質量還原設計的時代。自Gmail網頁版郵件服務的問世開始，Web前端開發也開啟了新的紀元。用戶需求不斷提高，各種新的技術層出不窮，前端工程師的地位也越來越重要。然而任何事物都是有兩面性的，隨着前端技術的發展 ...

一、網絡優化 YSlow有23條規則，中文可以參考這里。這幾十條規則最主要是在做消除或減少不必要的網絡延遲，將需要傳輸的數據壓縮至最少。 1）合並壓縮CSS、JavaScript、圖片，靜態資源CDN緩存 通過構建工具Gulp，可以在開發的時候就將合並壓縮的事情一起做掉。 之所以要做合並 ...

很多的前端開發者都比較關心性能的優化的問題，今天主要講一下圖片優化的見解和總結，可能很多人大神都知道我列出的知識點，那么開始整理一下圖片優化的筆記吧,可能廢話有點多，語言組織不到位的地方，大家多擔待 每個前端網站都有可能引入很多的圖片來達到酷炫或者展示的效果，有人會問？為什么非要用圖片 ...