HTML5网页加载缓慢,如何提高性能
我有一个网页,它的性能是非常长的时间来加载图像和其他东西。如何提高加载性能。这是一个模糊的问题,但可以给出一些一般性的建议HTML5网页加载缓慢,如何提高性能,html,Html,我有一个网页,它的性能是非常长的时间来加载图像和其他东西。如何提高加载性能。这是一个模糊的问题,但可以给出一些一般性的建议 首先,通过使用Yahoo提供的YSlow和自定义验证引擎等工具运行您的站点,以提供建议。您将从GT Metrix获得的建议将涵盖95%以上最常见的web最佳实践。(没有附属关系;就像他们的工具一样) 如果你的网站不公开,你可以使用Chrome的开发者工具(运行审计以获得整个页面上的性能建议列表,以及JS和CSS解释时间,非常有用) 使用验证文档中的错误。即使您的站点不是公
- 首先,通过使用Yahoo提供的YSlow和自定义验证引擎等工具运行您的站点,以提供建议。您将从GT Metrix获得的建议将涵盖95%以上最常见的web最佳实践。(没有附属关系;就像他们的工具一样)
- 如果你的网站不公开,你可以使用Chrome的开发者工具(运行审计以获得整个页面上的性能建议列表,以及JS和CSS解释时间,非常有用)
- 使用验证文档中的错误。即使您的站点不是公共的,您也可以将源代码作为文本粘贴到验证程序引擎中
- 如果您主要关心图像,请使用延迟加载技术仅加载可见内容,例如。对web图像使用正确的大小/格式。使用类似于压缩图像的工具
- 添加过期标题
- 避免使用AlphaImageLoader过滤器
- 避免使用CSS表达式
- 避免空src或href
- 避免HTTP 404(未找到)错误
- 避免URL重定向
- 用gzip压缩组件
- 配置实体标记(ETag)
- 不要在HTML中缩放图像
- 使AJAX可缓存
- 使favicon小且可缓存
- 减少HTTP请求
- 使JavaScript和CSS外部化
- 缩小JavaScript和CSS
- 将CSS置于顶部
- 将JavaScript放在底部
- 减少cookie大小
- 减少DNS查找
- 减少DOM元素的数量
- 删除重复的JavaScript和CSS
- 使用内容交付网络(CDN)
- 使用无cookie域
- 使用GET处理AJAX请求