如何解决网站响应和性能问​​题

如果你的网站遇到响应和性能问​​题,请按照下列步骤来尝试解决问题,来获得更多用户的笑容。

您可以通过使用工具,如确定济南网站建设的响应速度慢和性能降低的问题,通常会导致 谷歌开发Chrome DevTools的 , 网页分析仪- 0.98 , Pingdom的网站速度测试 。 在我以前的一篇文章中,我强调这些免费的在线产品,“ 网站响应和性能问题的诊断工具 。“

网站响应性能

一旦诊断工具,找出问题,你需要知道如何解决这些问题。 在这篇文章中,我列出了典型的资源,对象,内容,文件和其他问题,导致网站表现不佳或显示响应时间慢,然后我描述了如何消除或至少减少它们。

记住,你总是希望让最广大的用户访问您的网站,虽然它可能似乎是过时的,也有仍然有很多用户依靠56Kbps的调制解调器连接访问Internet。 目标和优化的阈值应该依靠最快的加载时间最慢的用户连接标准,它允许。

提高您的网站的网络利用率

下面列出的项目通常的网站,从而导致网络利用率的问题,并建议将有助于减少这些已知的瓶颈。

饼干:饼干虽然是非常有用的工具的网站,他们也被称为响应时间减慢。 管理您的饼干的最佳做法是:

  • 最小化cookie文件大小保持尽可能小 – 3000字节(或更少),如果可能的话。
  • 消除不必要的饼干,他们在适当的域级别设置,并提供静态内容从一个域不为饼干。

图片:你应该优化您的图片网站通过使用下列准则:

  • CSS精灵纳入分组到一个文件中的多个图像,然后将它们定位在你的CSS有助于减少请求的数目。
  • 数据URI提供了一种方式,包括数据线,并允许在一个HTTP请求,而不是从多​​个HTTP请求被称为常单独的元素,如图片和样式表。
  • 指定代码中的实际图像尺寸的宽度和高度,调整图像大小,大于尺寸编码需要更长的时间来呈现。

HTML文件总大小:保持你的HTML文件大小小于50K,以帮助保持加载时间降低到最低限度,并确保响应时间少于10秒56K连接。

对象总数:尽量保持每一个HTML网页文档对象总数的20岁以下。 可以预期更多的总对象,你有更多的延迟​​,这会减慢响应时间。 对象的开销80%以上,整个页面的延迟问题。

总大小的对象:尽量保持总网页文件大小100K或以下,以确保负载和响应时间将保持在20秒56K连接。

提高网页性能

以下项目将有助于提高网页负载和响应时间,并给游客一个更好的在线体验。

  • 优化CSS和脚本文件的顺序:一定要链接到外部CSS文件的调用并联有他们在<head>包括的。 内联样式的<body>也将放慢渲染,所以要确保所有的CSS包含在外部CSS文件。 所有脚本文件都应该放到在底部的<body>和刚刚结束</ BODY>标签,这让之前逐步显示网页内容。
  • 删除未使用的CSS规则:不使用网页中的CSS规则,增加了不必要的开销,需要先加载前任何<BODY>内容加载。
  • 总CSS文件和尺寸:结合成一个文件,你的CSS挡土墙的CSS优化样式加载时间很长的路要走。 结合,重构,缩小和GZIP压缩优化你的CSS都是不错的手段。
  • 总脚本文件大小:我知道这是说起来容易,做了一些实现比,但尝试,结合您脚本的<script>的文件尽可能少,每个外部脚本文件将添加到您的网页更多的开销。 脚本文件的优化技术结合起来,如CSS,重构,缩小,包括相同的选项,或,甚至嵌入脚本(如适用)。
  • 杠杆浏览器缓存:设定一个到期日或在静态HTTP资源的头文件(包括指示到浏览器加载之前下载的对象,而不是从本地客户端通过网络拉),最大年龄将使浏览器的响应时间,显着改善网站性能。
  • 最小化重定向 ,例如,当旧的网页获得改名或移动到新的位置,一个简单的点用户重定向到新的页面或位置的其他选项,包括使用JavaScript或Meta重定向。 切出的往返时间,至少应使用重定向。
  • 删除URL中的查询字符串从静态资源:要启用代理缓存的静态资源,确保文件名 ​​参数中使用的查询字符串(例如,“?”)。
  • 避免不良的请求:另一种可怕的资源占用颇为相似,重定向是坏的请求或“未找到”或410“飘”发生的反应,当你的前端代码没有被更新,以反映对象或资源已移动或已被重命名。 我不知道我们有多少次运行“断链”检查网站和微型移动或重命名,因为外部资源得到。

Comments are closed.