2012-08-02 32 views
-1

提供一些有用的提示,因为提高网站速度的网页提示?

  • 如何提高我的网站速度?
  • 使用子域的缺点是什么&?

我的网站是CareerMitra.com

+1

任何优化的第一步是确定瓶颈。您的网站以何种方式变慢?在请求的完整周期中,服务器端处理(代码,数据库访问,其他I/O),响应,客户端呈现和处理......什么是缓慢的部分?你的问题的第二部分远非模糊而宽泛,无法回答。 – David 2012-08-02 12:16:13

+0

我的第二部分的问题,说如果有像http://blog.careermitra.com每次如果我必须从主域连接到这个东西我总是必须包括http://是否减慢加载时间。如果我安装了/博客,我可以避免使用http请求。 – 2012-08-02 12:22:13

+0

该域的名称几乎(或完全)与速度无关。无论哪个域名托管内容,它仍然是一个HTTP请求。我不明白你为什么认为它不会是HTTP请求。相同的内容仍然需要通过相同的互联网连接传送。唯一不同的是,浏览器可能更倾向于将多个并发请求发送到不同的域,而不是同一个域,但我怀疑这已经成为一个问题了。 – David 2012-08-02 12:25:21

回答

8

使用pageSpeed(谷歌)和Yslow(雅虎)浏览器的扩展(与萤火虫与否)的观点都好pratices对于提高你的网站速度更快。

对于样本:这是很好的做法,通过YSlow的在你的网站查了清单:

  • 尽量减少HTTP请求
  • 使用内容传送网络
  • 避免空SRC或HREF
  • 添加过期或高速缓存控制接头
  • Gzip组件
  • 将样式表放在顶部
  • 012在底部
  • 避免CSS表达式
  • 使JavaScript和CSS外部
  • 减少DNS查找
  • 压缩JavaScript和CSS
  • 避免重定向
  • 删除重复的脚本
  • 配置的ETag个
  • 认沽脚本
  • 制作AJAX Cacheable
  • 使用GET的Ajax请求
  • 减少DOM元素的数量
  • 没有404
  • 减少饼干大小
  • 使用Cookie的免费域名为组件
  • 避免使用滤镜
  • 不要放大图像在HTML
  • 请为favicon.ico小和可缓存

此外,有没有广告有利或不利于使用子域的速度... 但是,这可能是SEO的优势或不利因素,但它不是你的问题...

0

最佳做法

  1. 最小HTTP请求
  2. 缩小的CSS和JS代码
  3. 子画面图像
  4. 适当高速缓存控制
4

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

初始页面加载需要大约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来实现相同的效果。

1

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

1.使用语义标记

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

3.minify你的JavaScript

4.minify你的CSS

5.usegzip

6.remove你不使用的API,只包括需要的东西。

7.使用localStorage的和缓存清单过的位置可能

8.使用CSS3效果,如梯度,箱阴影,文字阴影等..而不是图像和背景图像

9,可以有一个清洁,简单的设计

10.hand代码保持代码的简单和最小的。

  1. 底部

一个非常重要的事情..使用脚本标记开发网站保持用户心中不优化或广告收入。把事情简单化。