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

时间:2012-08-02 12:14:10

标签: pagespeed

提供一些有用的提示

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

我的网站是CareerMitra.com

4 个答案:

答案 0 :(得分:8)

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

对于示例:这是Yslow在您的网站中检查的良好做法列表:

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

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

答案 1 :(得分:4)

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

初始页面加载大约需要36个请求。除此之外,4个请求是针对CSS和大约相同数量的JS文件。如果我是你,我会问自己以下问题。

  1. 这些CSS&总是需要JS文件?如果是,我可以将它们组合成一个吗?
  2. 我可以避免加载不需要的CSS&用于初始页面加载的JS文件?即仅在必要时使用并下载它们。 (例如,初始页面加载需要print.css吗?)
  3. 其余请求主要用于图像。所以你应该考虑使用'sprites'来减少服务器请求的数量。阅读它们并学习从这里http://css-tricks.com/css-sprites/使用它。再次聪明地结合图像。在决定合并图像时,请提出与上述相同的问题。

    通过这两个步骤,您应该能够减少进入服务器并重新开始的次数。

    下一步优化将减少每个请求的大小。为此,请考虑缩小CSS和JS文件。同时压缩图像而不会降低质量。有适当大小的图像,即如果你有一个尺寸为'778 x 475'的图像,但图像以475 x 250的较小尺寸显示,那么你应该考虑调整图像大小以减小其尺寸。

    同时明智地识别您的受众群体。如果您的观众是技术娴熟并使用现代浏览器,那么您可以减少HTML,JS代码大小和一些不必要的图像请求,因为您可以使用CSS3和HTML5实现相同的目标。

答案 2 :(得分:1)

提高速度的超基本技巧将是。

1.使用语义标记

2.使用较少的图像 - 尝试Raphael JS,HTML5 Canvas和其他原生绘图方法

3.minify your javaScript

4.minify your css

5.使用gzip

6.删除您不使用的API,仅包含所需的内容。

7.尽可能使用localStorage和Cache Manifest

8.使用css3效果,如渐变,盒阴影,文字阴影等,而不是图像和背景图像

9.有一个简洁的设计

10.使代码保持代码简单和最小化。

  1. 在底部使用脚本标签
  2. 一个非常重要的事情..开发您的网站,记住用户不要搜索引擎优化或广告收入。把事情简单化。

答案 3 :(得分:0)

最佳做法

  1. 最低HTTP请求
  2. 缩小CSS和JS代码
  3. 精灵图片
  4. 正确的缓存控制