Web效能最佳化101：JS，CSS，HTTP，影像和字型
如何提升Web載入效能? 有以下要點。
Javascript效能最佳化
- - 縮小JS程式碼
- - 使用async和defer 編寫指令碼
- - 拆分程式碼以儘可能少地載入 - 並從依賴項中刪除未使用的程式碼
CSS效能最佳化
- - 縮小CSS程式碼
- - 提取關鍵CSS 並首先在style中載入它，自動幫你提取關鍵CSS語法的工具
HTTP /連線最佳化
- - 縮小HTML
- - 使用Gzip和Brotli壓縮文字資源
- - 使用CDN節省下載靜態資源的時間
- - 預載入以後需要的資源
相關文章
- Web 效能最佳化方法Web
- Web程式效能優化——asm.js和WebAssemblyWeb優化ASMJS
- 【Web前端HTML5&CSS3】12-字型Web前端HTMLCSSS3
- HTTP 100、101、102和103的強大功能 - httptoolkitHTTP
- css字型CSS
- http://39.101.167.253/d/NOIPhis/p/101HTTP
- [web效能優化] - 使用線上工具對html、js、css進行壓縮Web優化HTMLJSCSS
- CSS 設定字型顏色和大小CSS
- 前端效能優化 --- css和js的裝載與執行前端優化CSSJS
- CSS font 字型CSS
- 3、CSS 字型CSS
- web前端效能最佳化——圖片載入的最佳化Web前端
- CSS 字型新玩法之彩色字型CSS
- CSS和網路效能CSS
- js 和 css動畫JSCSS動畫
- css字型樣式CSS
- css 字型漸變CSS
- css字型設定CSS
- 在 WordPress 中排隊 CSS 和 JS 指令碼以獲得更好的效能CSSJS指令碼
- [譯]谷歌Web效能優化系列：HTTP 快取（中英）谷歌Web優化HTTP快取
- CSS 和 JS 阻塞二三事CSSJS
- CSS 顏色與字型CSS
- CSS3 七 字型CSSS3
- 新知同享 | Web 開發效能提升，最佳化體驗Web
- 好程式設計師分享Web前端效能最佳化程式設計師Web前端
- web-worker 獨立執行緒，效能最佳化Web執行緒
- 前端效能最佳化：使用 Web Workers 實現輪詢前端Web
- web前端分享：效能最佳化之文件碎片處理Web前端
- cssProcessor.process(css.source, processOptions, 報錯（css壓縮之效能最佳化）CSS
- 前端效能優化（JS/CSS優化，SEO優化）前端優化JSCSS
- web前端應用效能指標最佳化方案有哪些？Web前端指標
- 一、《圖解HTTP》- WEB和網路基礎圖解HTTPWeb
- 使用nodejs和express搭建http web服務NodeJSExpressHTTPWeb
- OSI七層模型和效能最佳化模型
- HTTP 1.x 學習筆記 —— Web 效能權威指南HTTP筆記Web
- css字型樣式屬性CSS
- Css字型圖示引入方式CSS
- css實現炫彩字型CSS