2.如何進(jìn)行網(wǎng)站性能優(yōu)化？ 1) 減少HTTP請(qǐng)求數(shù)

• 合并js文件
• 合并css文件
• 雪碧圖的使用(css sprite)
• 使用base64表示簡(jiǎn)單的圖片

2）減小資源體積

• gzip壓縮
• js混淆
• css壓縮
• 圖片壓縮

3）緩存

• DNS緩存
• CDN部署與緩存
• http緩存

4）移動(dòng)端優(yōu)化

• 使用長(zhǎng)cache，減少重定向
• 首屏優(yōu)化，保證首屏加載數(shù)據(jù)小于14kb
• 不濫用web字體

5) 優(yōu)化網(wǎng)頁(yè)渲染：

• css的文件放在頭部，js文件放在尾部或者異步
• 盡量避免內(nèi)聯(lián)樣式

6) DOM操作優(yōu)化

• • 避免在document上直接進(jìn)行頻繁的DOM操作
  • 使用classname代替大量的內(nèi)聯(lián)樣式修改
  • 對(duì)于復(fù)雜的UI元素，設(shè)置position為absolute或fixed
  • 盡量使用css動(dòng)畫
  • 使用requestAnimationFrame代替setInterval操作
  • 適當(dāng)使用canvas
  • 盡量減少css表達(dá)式的使用
  • 使用事件代理

轉(zhuǎn)載于:https://www.cnblogs.com/Lolita-web/p/10457642.html

總結(jié)

以上是生活随笔為你收集整理的02、如何进行网站性能优化或怎么加快页面的加载速度的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。