HTML5网页加载缓慢,如何提高性能

HTML5网页加载缓慢,如何提高性能,html,Html,我有一个网页,它的性能是非常长的时间来加载图像和其他东西。如何提高加载性能。这是一个模糊的问题,但可以给出一些一般性的建议 首先,通过使用Yahoo提供的YSlow和自定义验证引擎等工具运行您的站点,以提供建议。您将从GT Metrix获得的建议将涵盖95%以上最常见的web最佳实践。(没有附属关系;就像他们的工具一样) 如果你的网站不公开,你可以使用Chrome的开发者工具(运行审计以获得整个页面上的性能建议列表,以及JS和CSS解释时间,非常有用) 使用验证文档中的错误。即使您的站点不是公

我有一个网页,它的性能是非常长的时间来加载图像和其他东西。如何提高加载性能。

这是一个模糊的问题,但可以给出一些一般性的建议

  • 首先,通过使用Yahoo提供的YSlow和自定义验证引擎等工具运行您的站点,以提供建议。您将从GT Metrix获得的建议将涵盖95%以上最常见的web最佳实践。(没有附属关系;就像他们的工具一样)

  • 如果你的网站不公开,你可以使用Chrome的开发者工具(运行审计以获得整个页面上的性能建议列表,以及JS和CSS解释时间,非常有用)

  • 使用验证文档中的错误。即使您的站点不是公共的,您也可以将源代码作为文本粘贴到验证程序引擎中

  • 如果您主要关心图像,请使用延迟加载技术仅加载可见内容,例如。对web图像使用正确的大小/格式。使用类似于压缩图像的工具

一般页面性能因素 从YSlow开始,按字母顺序排列

  • 添加过期标题
  • 避免使用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请求

您也可以在firefox上尝试Yslow@Tim Medora i f test on the given Well they fix my site for the This当我检查我的站点是否有效时,给出126个错误,13个警告这些工具不会修复你的站点,但会给出详细的建议。如果您对验证错误或建议有不了解的具体问题,您可以发布新问题,但请确保包含比“我的网站速度慢”更详细的信息。好的,我知道了,谢谢您解决了这些问题,我的网站性能会更好吗?我没有任何公共链接,请尝试检查最慢的资源(例如使用谷歌Chrome Timeline)。我在验证器上检查了我的网站,它给出126个错误,13个警告