快生活 - 生活常识大全

初入职场前端工程师如何进行网页性能优化面试技巧交


  针对接下来许多应届生面对找工作面试的问题,我将会总结一些前端面试常见的问题和咱们共享。希望能协助到行将进入职场的同学们。话不多说,咱们开端吧。
  1.页面内容优化
  1) .削减HTTP恳求:兼并文件、CSS精灵、inline Image
  2) .削减DNS查询:DNS查询完结之前浏览器不能从这个主机下载任何任何文件。办法:DNS缓存、将资源散布到恰当数量的主机名,平衡并行下载和DNS查询
  3) .防止重定向:剩余的中心拜访
  4) .使Ajax可缓存
  5) .非有必要组件推迟加载
  6) .未来所需组件预加载
  7) .削减DOM元素数量
  8) .将资源放到不同的域下:浏览器一起从一个域下载资源的数目有限,增加域能够进步并行下载量
  9) .削减iframe数量
  10) .不要404
  11) .运用CDN
  12) .增加Expires或许Cache-Control呼应头
  13) .对组件运用Gzip紧缩
  14) .装备ETag
  15) .Flush Buffer Early
  16) .Ajax运用GET进行恳求
  17) .防止空src的img标签
  2.Cookie方面
  18) .减小cookie巨细
  19) .引进资源的域名不要包括cookie
  3.CSS优化
  20) .将样式表放到页面顶部
  21) .不运用CSS表达式
  22) .运用不运用@import
  23) .不运用IE的Filter
  4.Javascript脚本优化
  24) .将脚本放到页面底部
  25) .将javascript和css从外部引进
  26) .紧缩javascript和css
  27) .删去不需求的脚本
  28) .削减DOM拜访
  29) .合理规划事情监听器
  5.图片优化
  30) .优化图片:依据实践色彩需求挑选色深、紧缩
  31) .优化css精灵
  32) .不要在HTML中拉伸图片
  33) .确保favicon.ico小而且可缓存
网站目录投稿:幼柔