50多个提示和资源来改善您的网站的速度和性能

日期:2011年04月29日

现在,几乎每个人都知道,一个有效的Web站点必须迅速。用户注意力很短,一般不会愿意等待臃肿的网站负载。利用这些技巧,工具和资源优势,你就会有一个更好的时间捕捉游客的关注。

小贴士

按照这些技巧,加快您的网站。

  1. 删除任何不是非常重要的元素。Get函数摆脱“自我”的元素,展示您的设计技巧,只是不停的组成部分,有助于您的网站。
  2. 减少使用HTTP请求。减少的时候,用户需要花费结合 ​​他们下载组件出或通过削减一些。
  3. 您的网页切割下来。保持快速载入您为50KB以下的HTML和图像。
  4. 利用缩略图。他们希望通过服务注册较小的图像的缩略图,这让用户看到一个较大的图像如果。
  5. 围绕不同地点的传播内容。使用内容交付网络,以减少对响应时间由于缺乏接近接近到Web服务器。
  6. 从删除HTML注释。HTML注释是有用的,但如果你的速度要的,他们只是没有必要的。
  7. 影像量减少。较少的图像意味着更少的HTTP请求,因此使用图像文本,而不是只要有可能。
  8. 告诉浏览器缓存你的内容多长时间可以。使用一个Expires头,表示一个特定的组件可以缓存举行,直到一特定日期。这样,重复游客将享受更快的加载时间。
  9. 压缩图像。务必一定要压缩的图像,然后将它们保存-闪光的文件,即使意象。
  10. 压缩组件。使用gzip协议告诉Web服务器来压缩元件更快的加载您的网站。
  11. 小心横幅广告。横幅广告可以增加加载时间和减少你的网站效果。
  12. 样式表文件放置在你的头。上面放你的样式表,页面将逐步呈现,为用户提供视觉反馈,这是载入。
  13. 使用CSS(层叠Sytle表)。如果您网站的风格是在一个外部。css文件,它们可以被缓存更快的加载。
  14. 移动脚本到博特页的M。逐步呈现脚本阻塞在下面的所有内容,因此,最好给负载,直到到最后的页面,让所有其他元素有机会。
  15. 避免嵌套或整页表格。布局表格中嵌套或占用了整个页面会需要更长的浏览器来加载,而它的作品了。
  16. 要小心使用CSS表达式。如果你使用CSS表达式来动态设置页面的属性时,您可能会问浏览器来评估会议期间表示任何一次数。为了削减下来的问题,您可以消除它们或只使用一次性的表达式。
  17. 选择正确的图像格式。使用png格式JPEG档,照片和真彩色图像,GIF图像的平板彩色图像,当你需要更多的颜色比GIF提供支持。
  18. 片段的网页。如果一个网页的内容充满了巨大的可能被打破,它分裂成多个更快,更短的网页载入。
  19. 移动的JavaScript和CSS场外。如果JavaScript和CSS是HTML的内衬网站的,他们将每次下载一个浏览器请求的HTML文件。但是,如果他们从外面来,他们会被缓存,从而将更快载入。
  20. 把链接的斜线结束了。很容易让服务器弄清楚,它的加载目录页,页面将加载更快。
  21. 清理代码。所见即所得(什么您看到的就是你Get)的编辑常常添加空白标签,如无用的代码。取得这些代码从您,和您的网站将加载更快。
  22. 减少使用的DNS(域名系统)查询。页面上的每个需要一个唯一的主机名的DNS查询,所以要知道有多少成分不同的主机名是其他影像中,脚本,对象和。
  23. 提供高度和宽度标签。使用高度和宽度标签将告诉浏览器,所有元件将结束,使其能够承载部件更快。
  24. 清理的JavaScript。提高代码的JavaScript时间切割和“不必要的字符,如”空间“,”换行“标签”,你会提高网页的响应。
  25. 使用Photoshop的功能,另存为网页。这种功能有助于减少图像文件大小,剃须加载时间秒掉一个站点的。
  26. 避免重定向。重定向将用户总是慢下来,因为他们必须等待他们的浏览器中找到了新的一页。
  27. 避免尽可能的JavaScript。JavaScript中添加了HTTP请求和大小的网站,所以它的使用将有助于减少一个网站的性能。
  28. 削减掉重复的脚本。尽管它可能不健全,重复的脚本时有发生。检查代码以确保您要求的不是浏览器下载不必要的脚本。
  29. 降低图像的颜色。图像文件将用较少的颜色更小。
  30. 学习如何正确使用ETags。Apache服务器像ETags拿出,它可以帮助缓存正确使用。但是,如果没有正确配置ETags,他们会慢下来的网站。
  31. 千万不要使用图片来显示文字。割方式对图像中沿着这将有助于减少HTTP请求和网站的载入速度。

工具

这些工具可以帮助您测试和改善您网站的速度和性能。

  1. 网页分析器:使用该分析仪来测试你的网站的速度和性能。
  2. 在线图像优化器:此优化器快速方便地压缩图像文件。
  3. Akamai的技术:Akamai的网络技术提供了一个快速解决方案的数量,特别是内容供应。
  4. HTML的优化:这个工具会清除属性和破碎的链接的HTML和脚本问题,如悬挂标签,下落不明。
  5. JSMin:JSMin承诺删除空格从JavaScript文件中的注释和不必要的,这样他们就会加载速度更快。一般来说,这个工具可以减少一半的文件大小。
  6. PageTest:了解如何杜勒斯,弗吉尼亚州从网页下载的速度在各个使用此工具。
  7. CSS的扭:使用CSS调整,你可以更好的性能优化样式表。
  8. 在线优化的JPEG向导:收缩图像不损害他们使用这项免费服务。
  9. ShrinkSafe:此工具减少文件大小使用模糊处理,转换成字符串的代码更紧凑,更小。
  10. Tracert命令:Tracert命令可以监控网站的traceroutes性能和计算,速度,DNS。
  11. 通过mod_gzip:有了这个工具,您可以为压缩服务器上的Apache Web内容。
  12. 清洁的CSS:这个工具可以合并类似的选择,获得属性摆脱和消除不必要的空白。

参考文献

看看这些文章,以获取提高您网站的性能有很大的意见和指导。

  1. 最佳做法为加快您的网站:花一些雅虎意见及了解如何提高网站的速度。
  2. 加快你的网站加载时间:本文提供格式提示这会增加贵网站的性能。
  3. 需要的Web网站的速度?:爱德华仔提供许多建议,对服务,产品和策略,将让您的网站移动。
  4. 5种方法,以加快您的网站:保罗Stamatiou他提供的方法来减少他的臃肿网页到34KB。
  5. 性能显着提高您的主页:考虑这些提示进行评估时,您的主页上的表现。
  6. 加快您的网页:​​About.com网站提供调整速度的数字为有用的技巧。
  7. 性能成本基于Web的横幅广告:广告服务可以考虑如何降低您的网站,影响用户使用的方式查看。
  8. 6如何加快你的网站:请按照本文的提示,让您的网站加载速度更快。
  9. 如何加快你Webstite:本文提供了网站的加载时间近50个不同的策略,减少一。
  10. 加快您的位置:网站优化:伟大的秘诀“”的节俭。带宽的詹妮弗拥有许多阿尔文

提示:以上资料来源于国外,通过机器翻译,如阅读不顺,请见原文:http://www.insidecrm.com/features/webmaster-turbo-kit-042108/

Tags:网页设计
上一篇文章:作为企业你的网站建设需求是什么?
下一篇文章:Magento一站式解决方案