网站首页 > 15技巧来加速你的网站

15技巧来加速你的网站

在看到一些tweets和分析项目的网站,我决定写一些提示和技巧,可以 降低页面的加载时间 尽可能多的。 任何搜索引擎想为用户提供一个伟大的 用户体验 ,就像谷歌,和一个快速的网站提高整体质量和增加 用户满意度 。 每个人都应该得到一个快速的网络体验。 下面的一些建议实施的项目,但我将解释他们吧,因为他们一般有效性。

“实验表明,增加web搜索延迟100到400 ms减少了每个用户的日常搜索数量以0.2%对0.6%。 此外,用户做更少的搜索时间越长,他们接触。 时间延迟,损失的搜索一次持续即使延迟回到先前的水平。”

我将列出各种因素(+有用的技巧从雅虎和谷歌)和将使用SEOmoz作为我的例子:

注意 : 在开始之前做一个备份是必要的!

一)服务器

选择 合适的托管 为你的企业的第一步是开始一个网站。 主机与专业配置可以是很大的帮助。

1。 利用浏览器缓存

“Expires头信息告诉浏览器资源网站上是否需要请求从源或如果它可以获取从浏览器的缓存。 当你设置一个expires标题为一个资源,如所有jpeg图像,浏览器将存储在缓存那些资源。 下次再来的访客的页面加载更快 ,因为浏览器将已经可用,”

不幸的是,似乎cnTzn不使用过期的样式表和图片。

2。 启用keep – alive

“keep – alive信号通常是在预定义的时间间隔发送,扮演重要的角色在互联网上。 在一个信号被发送,如果没有收到回复,链接被认为是下来和未来数据将通过另一个路径进行路由直到链接起来。”

事实上,HTTP活动允许TCP连接活下去,它帮助 减少延迟的后续请求 。 所以联系您的托管提供商和告诉他们重新考虑这个! 大多数托管公司禁用这个特性,(包括SEOmoz的主机),因为它是一个可选的特性(每当它转移不到60字节/请求)。

3。 启用gzip压缩

*图像由betterexplained.com

“Gzip是最受欢迎的、有效的压缩方法目前可用的和一般 减少响应大小约70% 。 大约90%的今天的因特网通信量是通过浏览器,声称支持gzip。”

Gzipping减少HTTP响应的大小和有助于减少响应时间。 这是一个简单的方法来减少页面重量。 你可以使它通过添加以下代码到你的。 htaccess:

#压缩文本、html、javascript、css、xml:
AddOutputFilterByType缩小文本/平原
AddOutputFilterByType缩小text / html
AddOutputFilterByType缩小text / xml
AddOutputFilterByType缩小文本/ css
AddOutputFilterByType缩小application / xml
AddOutputFilterByType application / xhtml + xml的缩小
AddOutputFilterByType application / rss + xml的缩小
AddOutputFilterByType缩小应用程序/ javascript
AddOutputFilterByType缩小应用程序/ x javascript
#,或者压缩某些类型的文件的扩展:
<文件* . html >
SetOutputFilter缩小
< /文件>

或者,使用下面的PHP代码顶部的HTML / PHP文件:

< ? php如果(substr count($服务器[' http接受编码'],“gzip ‘))ob开始(“ob_gzhandler”);否则ob开始? >();

或者,简单地使用插件为您的CMS(像 WP HTTP压缩插件 对于WordPress)。

cnTzn.com使用gzip。 然而,一些外部javascripts(AdRoll,Simpli和CloudFront上)可以减少传输的大小超过60%通过使用gzip。

4。 使缓存登陆页面的重定向

移动页面重定向到不同的URL的用户(例如 www.cnTzn.com m.cnTzn.com )所以缓存重定向 可以加速页面加载时间吗 在接下来的时间游客尝试加载网站。 使用302重定向 与一个缓存生命周期的一天。 它应该包括一个 变化:用户代理 以及一个 cache – control:私人 。 这样,只有那些游客从移动设备将重定向。

自从SEOmoz不支持任何特定的移动版本,它不可能有这个问题(应该有人照顾不良行为的移动设备上SEOmoz的网站)!

5。 使用一个CDN

一个内容分发网络 (CDN)是一组web服务器分布在多个位置 更有效的交付内容给用户 。 服务器选择将内容传递给一个特定的用户通常是基于网络邻近的措施。 例如,用最少的网络hops服务器或服务器的最快的响应时间是选择。 正如你所看到的在上面的图像,它从服务器加载不同,根据访问者的地区。

b)内容元素

因为你没有总访问你的服务器,内容元素的最重要的事情是,你可以操纵。 让我们从最明显的弱点SEOmoz:

1。 最小化重定向

有时来表示新位置的一个URL,跟踪点击,连接在一起的不同部分的网站或储备多个域,您需要从一个URL重定向浏览器到另一个。 重定向触发一个额外的HTTP请求并添加延迟。 只保留重定向技术上说它是必要的,你找不到任何其它办法来解决它。 这些都是 谷歌的建议:

  • 永远在你的页面引用url被重定向到其他url。 您的应用程序需要有一种更新URL引用每当资源改变他们的位置。
  • 从不需要不止一个重定向到给定的资源。 例如,如果C是目标页,有两种不同的开始点,A和B,A和B都应该重定向到C;一个直接重定向到B不应该在中间。
  • 最低数量的额外的域问题,但实际上并不重定向服务内容。 有时候有一种诱惑,重定向从多个域为了储备名称空间和捕获错误的用户输入(拼错/输错的url)。 然而,如果你认为他们培训用户可以到达你的网站从多个url,您可以在一个昂贵的循环风的购买新域名,只是为了防止域名抢注者接管每个变量的你的名字。

这幅图像显示了当浏览器试图加载cnTzn.com:

正如您可以看到的,最大的延迟是由于一些外部重定向链。 使用大约20 cnTzn.com是重定向链,减缓加载时间大约3000毫秒。

2。 删除静态资源中的查询字符串

你不能缓存 一个链接了一个”? “在它的URL,即使一个cache – control:公共头存在。 问号徒一样的Ctrl + F5。 使用查询字符串进行动态资源只有。 使用两个动态url cnTzn.com是与“吗? “因为使用虽然,但2 – 3查询是合理的;)

3。 指定一个字符集

指定一个字符集在HTTP头加快浏览器呈现。 这是通过添加一个简单的代码到你的头:

<梅塔http协议-同等学历= ” content – type “内容= ” text / html; charset = utf – 8” >

注意: 一些cms没有使用函数字符集(像WordPress与 < ? php bloginfo(“charset”);? > )。 我建议如果你确定你的字符集,它写而不是使用PHP函数。 它有助于减少请求的大小,那么尝试使用HTML而不是PHP无处不在,是可能的。

4。 贬低你的代码

删除HTML注释、CDATA部分、空格和空元素 减少你的页面大小,减少网络延迟和加快加载时间。

您可以使用简单的在线工具 将年度缩小镜 ,如果你正在使用WordPress, Autoptimize 可以优化和压缩你的代码和它支持CDN一样。 顺便说一下,cnTzn.com可以挽救620 b通过压缩它的HTML。

5。 避免坏的请求

坏链接导致404/410的错误。 这些造成浪费的请求。 修复你的破碎的url(特别注意图像)。 使用 在线失效链接检查器 或使用 WordPress链接检查器 免费的。 你还可以阅读 Xenu链接嗅探器和尖叫的青蛙在SEOmoz的工具 这可以是很有用的。

6。 服务资源从一个一致的URL

它最好的分享 谷歌的建议 :

“资源共享的跨多个页面, 确保每个引用相同的资源使用相同的URL 。 如果一个资源共享多个页面/站点链接到对方,但都托管在不同领域或主机名,这是更好的服务文件从一个主机名比再保险服务它从每个父文档的主机名。 在这种情况下,缓存可能大于好处DNS查找的开销。 例如,如果两个 mysite.example.com yoursite.example.com 使用相同的JS文件,和 mysite.example.com 链接 yoursite.example.com (这将需要一个DNS查找吧),它是有意义的,只是为JS文件从 mysite.example.com 。 通过这种方式,该文件是可能的 已经在浏览器缓存 当用户去 yoursite.example.com 。”

7。 减少DNS查找

DNS查找采取有意义的时间来查找IP地址的一个主机名。 浏览器不能做任何事,直到查找是完整的。 唯一的主机名的数目减少 可能 增加响应时间 。 看看有DNS解析可以需要约3秒的加载时间在SEOmoz。 你可以衡量你的,通过使用 Pingdom的工具 。 我确实想要提到的是,当我重新测试网站的首页从一个服务器在达拉斯,它显示的最好结果相比以前我开始写这篇文章。

注意:你的图片。雪碧 这意味着把图片的加载网站的每一页中一起减少DNS查找。 结合大量的图片cnTzn.com成一个,像 此sprite图像

c)的CSS、javascript、图像

1。 指定图像尺寸

你的浏览器开始呈现一个页面载入图像之前。 指定图像尺寸帮助它环绕的不可替换的元素。 如果没有指定维度,您的浏览器将会回流一旦图片下载。 为了做到这一点,在 < img > 元素,使用 高度 宽度 标记规范。

注意: 不要使用维度规模图像飞——用户仍将下载文件的初始大小,即使图像不需要尽可能多的屏幕空间。

2。 优化图像

图像可以包含额外的评论和使用无用的颜色。 保持图像大小降到最低是一大帮助用户在低速连接。 尝试保存JPEG格式。 您可以使用一个 CTRL + SHIFT + ALT + S 快捷方式保存的一个优化图像在Adobe Photoshop,使用 雅虎! 那么smush . it ,或者如果您使用的是WordPress,你可以安装 WP斯马什-。 它的插件

cnTzn.com超过50 kb可以节省通过优化主页上的图片,特别是那些在滑块。

3。 把CSS顶部和底部的javascript

把stylelsheets文档头部 禁止渐进式呈现的页面,所以浏览器会阻塞渲染避免必须重新绘制页面的元素。 在大多数情况下,用户将面临一个白色页面加载页面,直到完全。 这也可以帮助你做出一个标准的web页面的根据 W3标准 。 和, 把你的javascript代码在底部 的页面相同的原因。

还有其他的方法来加快web页面,但我试着写出最重要的,即使是专业的博客(如cnTzn.com)有时可以忽略。 当然,网站速度不是主要的目标,但即使一个理想的网站,一个糟糕的加载时间将很难获得成功。 运行最快的网站上,你可以为了达到你的目标速度。

天之南专业提供:无锡seo、无锡网站优化、无锡网站建设、SEO优化软件、百度快速排名软件、超级外链工具、原创文章生成软件等,助企业轻松网站排名!
COPYRIGHT © 2011 cntzn.com 无锡seo 版权所有. All rights reserved. | Email :support@cntzn.com 无锡网站优化
苏ICP备17051233号 powered by 天之南 服务支持: