前端优化措施

Posted mrxiedh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端优化措施相关的知识,希望对你有一定的参考价值。


  • 首先是图片上的
  • 其次是webpack dll js包的分包
  • 代码上的 相同功能 封装组件/函数
  • nginx 配置 gzip
  • 打包发布的时候 压缩JS、Css、html 这样的话就减少了体积 增加了加载速度
  • HTML 上的 js 文件的引用,wexin jdk.js 加 async
  • HTML 头的优化 加meta 优先使用webkit内核 可以指定 chrome ie =ETAG
  • 缓存上的优化,减少不必要的请求 多用store
  • 个人觉得前端的test可能没什么用,但是提交前的js语法规则检测确实有用

以上是关于前端优化措施的主要内容,如果未能解决你的问题,请参考以下文章

前端搜索引擎优化SEO优化之Title 和 Meta 标签

前端搜索引擎优化SEO优化之Title 和 Meta 标签

前端搜索引擎优化SEO优化之Title 和 Meta 标签

如何对前端性能进行优化

前端性能优化:桌面浏览器前端优化策略

前端性能优化总结