美文网首页
前端性能优化

前端性能优化

作者: nonever | 来源:发表于2018-03-06 22:20 被阅读0次

1、网页内容

--减少http请求数

--减少DNS查询次数

--避免页面跳转

--缓存加载

--提前加载

--减少DOM元素数量

--根据域名划分内容

--减少iframe数量

--避免404

2、服务器

--使用CDN

--添加Erpiress或Cache-Control报文头

--Gzip压缩传输文件

--配置ETags

--使用GET Ajax请求

--避免空的图片src

3、Cookie

--减少Cookie大小

--页面内容使用无cookie域名

4、CSS

--将样式表置顶

--避免CSS表达式

--用<link>代替@import

--避免使用Filters

5、JavaScript

--将脚本置底

--使用外部Javascript和css

--压缩Javascript和css

--去除重复脚本

--减少Dom访问

--使用智能事件处理

6、图片

--优化图像

--使用css sprite

--不要在html中缩放图片

--使用小且可缓存的favicon.ico

7、移动客户端

--保持单个内容小于25KB

--打包组建成符合文档

相关文章

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • 前端性能优化(上)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 为什么要进行前端性能...

  • 前端面试必问及加分点---性能优化篇

    如何进行网站性能优化 你有用过哪些前端性能优化的方法? 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践

  • 前端性能优化

    对于前端的性能优化,主要有分为加载优化和性能优化。在Google官方文档中,给出了性能优化有哪些好处。前端优化的最...

  • 常用的后端性能优化六种方式:缓存化+服务化+异步化等

    性能优化专题 前端性能优化 数据库性能优化 jvm和多线程优化 架构层面优化 缓存性能优化 常用的后端性能优化六大...

  • 关于前端性能优化问题详解

    关于前端性能优化问题详解 出处:http://segmentfault.com/blogs 前端性能优化指南 AJ...

  • 前端性能优化

    前端性能优化 下面是我认知的前端性能优化的策略,本书主要着手 JavaScript 优化展开阐述。 JavaScr...

  • 2019-10-22

    2018 前端性能优化清单

  • 2020-04-11

    前端工程化相关 前端动画相关 优化前端性能

网友评论

      本文标题:前端性能优化

      本文链接:https://www.haomeiwen.com/subject/gafdfftx.html