提高网站速度的网页提示?

Sri*_*hna 0 pagespeed

提供一些有用的提示

  • 如何提高网站的速度?
  • 使用子域名有哪些优缺点?

我的网站是CareerMitra.com

Doc*_*oms 9

使用pageSpeed(google)和Yslow(Yahoo)浏览器的扩展程序(使用或不使用firebug)查看所有良好的实践,以便更快地改进您的网站.

样本:这是Yslow在您的网站中检查的良好实践列表:

  • 最小化HTTP请求
  • 使用内容分发网络
  • 避免空src或href
  • 添加Expires或Cache-Control标头
  • Gzip组件
  • 将StyleSheets放在顶部
  • 把脚本放在底部
  • 避免使用CSS表达式
  • 使JavaScript和CSS外部
  • 减少DNS查找
  • 缩小JavaScript和CSS
  • 避免重定向
  • 删除重复的脚本
  • 配置ETag
  • 使AJAX可以缓存
  • 使用GET进行AJAX请求
  • 减少DOM元素的数量
  • 没有404s
  • 减少Cookie大小
  • 使用Cookie免费域进行组件
  • 避免过滤器
  • 不要在HTML中缩放图像
  • 使favicon.ico小巧且可缓存

此外,使用子域名速度没有优势或劣势......但是,这可能是SEO的优势或劣势,但这不是你的问题......


Arj*_*jun 5

可以通过减少服务器请求的数量来实现主要的优化。一般而言,任何其他优化都不会导致较大的性能差异。考虑到这一点,让我们检查您的网站。

初始页面加载大约需要36个请求。其中,有4个请求CSS和大约相等数量的JS文件。现在如果我是你,我会问自己以下问题。

  1. 是否始终需要这些CSS和JS文件?如果可以,我可以将它们合并为一个吗?
  2. 我是否可以避免在初始页面加载时加载不需要的CSS和JS文件?即仅在必要时使用它们并下载它们。(例如,初始页面加载是否需要print.css?)

其余请求主要用于图像。因此,您应该考虑使用“精灵”来减少服务器请求的数量。在http://css-tricks.com/css-sprites/上阅读有关它们的内容并学习使用它。再次结合图像时要聪明。在决定合并图像时,请问与上述相同的问题。

通过这两个步骤,您应该能够减少进入服务器和复出的次数。

下一个优化将是减少每个请求的大小。为此,请考虑缩小CSS和JS文件。也可以压缩图像而不会降低质量。具有适当大小的图像,即,如果您的图像尺寸为“ 778 x 475”,但图像以475 x 250的较小尺寸显示,则应考虑调整图像尺寸以减小其尺寸。

也要聪明地识别观众。如果您是技术娴熟的观众,并且使用现代的浏览器,则可以减少HTML,JS代码大小和一些不必要的图像请求,因为使用CSS3和HTML5可以实现相同的效果。