it-swarm.cn

如何在不影响设计和访问的情况下提高网站速度?

如何在不破坏设计和可访问性的情况下提高网站加载速度?文件压缩,CDN,Gzip?这样做的最佳工具是什么?

例如,Google在不影响设计的情况下优化了网站。此外,许多网站可以通过压缩来杀死其图像的纯度。

有没有办法,更多或最好的做法,在不影响设计和可访问性的情况下提高速度?

:抱歉这么模糊,但我不知道怎么说这个问题。

3
Kevin

Gzip可能是你能做的最激烈的事情。
确保所有css和js文件都被最小化有助于。检查您是否未加载不需要的js库或css。大多数用户会在第一页之后缓存这些内容,但这并不是那么重要。

除此之外,确保缓存正常工作,就像不为每个不需要重新解析的请求重新解析页面一样。如果是nessasary反正

7
WalterJ89

几乎所有的雅虎 最佳实践 都可以实现,甚至无需以任何方式触及网站设计。通过将所有CSS组合到一个文件中并将所有JS组合到一个文件中来最小化HTTP请求。使用Gzip。设置好的Expires标头。

这些规则可能会影响设计:

  • 减少DOM元素的数量 - 值得一看,您应该能够在保持设计相同的同时减小HTML大小。
  • 最小化iframe数量 - 最好尽可能避免使用这些iframe。
  • 优化图像 - 您应尽可能优化图像,但不要以牺牲设计为代价来过度使用图像。
7
DisgruntledGoat

不仅仅是缩小CSS/JS,还要尽可能多地将它们组合成一个文件。下载越少越好。如果这是不可能的,请将它们移至其他域名,这些域名托管在同一服务器上或CDN上。

如上所述,Gzip非常强大。

将JS移动到文档的底部,确保所有CSS都在head中。避免使用内联JS和CSS。

缓存一切,并设置Expires标题和ETag。

1
Kenneth Love

Page Speed。这是Google for FireBug的插件。如果您在自己的网站上运行它,它会告诉您需要改进的地方。它主要遵循雅虎最佳实践提供的建议,但它会告诉您需要改进的地方。

我已经看到减少图像大小的最大速度提升。要做到这一点,你可以使用Photoshop中的“Save For Web&Devices”另一个可以减少你的图像的好的Mac程序 ImageOptim

0
Shane Stillwell

按照雅虎最佳实践(YBP)的说法,您可能需要查看 YSlow Firefox Add-on 。它将简要介绍网站在YBP方面的表现。

0
Thomas

我写了一篇关于速度优化的详细文章,你可能会觉得有帮助。

http://www.elevatelocal.co.uk/blog/17-rules-of-speed-optimisation-0501511

0
ysekand

将CDN用于静态文件,例如javascript,css和图像。 RackspaceCloud和亚马逊都有相当便宜的。

0
Piers Karsenbarg
  • 将HTTP请求的数量减少到最小 - 例如确保你在哪里使用图像精灵,你是否为每个页面加载了多个javascript或css文件?将它们合二为一
  • 那里有可以消除的重定向吗?
  • 在文档顶部加载样式表,在底部加载javascript
  • 如果您的网站很大,请提供地理位置接近您最大用户群的服务器。
0
dmsnell

我在ASP.NET中使用缓存,这可以通过避免重复的数据库调用,函数调用甚至页面来节省大量时间。

0
harriyott