总结一些网站的性能优化

创建于

总结一下工作中开发时可能用到的性能优化

  • 能压缩的压缩,能合并的合并(当然,现在一些工具好像帮我们做了这些事情)。
  • js中尽量少用for循环或者去遍历对象。
  • 可以提前算好的尽量提前算好。
  • CDN
  • 响应式图片,图片压缩。
  • 内容静态化:url静态化,文本内容尽量不要js动态加载,不要以图片形式展示文字内容。
  • 加载速度尽量不要超过3秒:数据请求次数减少,数据包尽量小,注意数据本地缓存,使用canvas、svg、IconFont代替图片。
  • 避免权重过于分散:页面层次不宜过深,尽量不超过4层(2-3层最好),在url中体现。
  • 对蜘蛛友好:sitemap.xml写进robots.txt内;设置更新板块(如产品动态、业内动态等),提高蜘蛛的来访频率,提高页面抓取录。
  • 页面TDK与页面内容相关度要高(title,description,keywords)
  • 图片加title、alt属性
  • 避免权重流失:尽量避免重定向
  • 设置好404页面(减少网站跳出率,引导用户去其他页面)
  • 持续更新

目录都去哪了...