更快的网站提示

时间:2012-07-31 08:06:16

标签: php jquery html css optimization

我想知道我的网站是否有任何提示和技巧加载更快?

例如,在我的网站中,我有4组背景图像,当悬停时切换。
有没有办法加载它们?
有没有jquery插件?

如果我在php中回显一个div,其中包含我站点中的所有图像,并且在DOCTYPE之前没有显示。它会有帮助吗?

和html / css / jquery的一般提示?

欢迎提出所有建议......

谢谢。

5 个答案:

答案 0 :(得分:4)

使用 Sprites 可以加快图片加载速度。 使用它只需要你加入你的图像。 CSS Sprite Generator可以帮助您。

如果您希望一次性加载背景幻觉,请尝试使用interlaced PNG。

答案 1 :(得分:0)

我认为你可以在这里找到一些非常好的提示:

http://developer.yahoo.com/performance/

特别是在这里:

http://developer.yahoo.com/performance/rules.html

答案 2 :(得分:0)

我认为你可以做一些事情。

  • 减少请求数量。您可以制作sprites并将所有图像放在一起。
  • 使用APC和其他缓存机制
  • 使用memcache
  • Apache缓存模块
  • 您可以使用Google提供的modpagespeed。并充分利用它们。

但我认为最好的方法是拥有一个结构良好的良好编程网站。那就意味着不要只为你需要的类加载很多类。在这里,您可以查看设计模式

答案 3 :(得分:0)

理解这一点的交互方式是在firefox上使用Firebug插件的Y-Slow扩展。这个插件将评估您当前的网站,并为您提供有关CSS,压缩等方面的改进的正确提示。

答案 4 :(得分:0)

Chrome的PageSpeed数据洞察

如果您下载谷歌浏览器的插件,它会列出这些有助于提高网站速度的事实。

https://developers.google.com/speed/docs/insights/using_chrome

  • 避免使用CSS @import

      在外部样式表中使用CSS @import会在加载网页时添加额外的延迟。

    1. 避免使用元标记中的字符集
    2. 避免不好的请求
    3. 将图像合并到CSS精灵中
    4. 推迟解析JavaScript
    5. 启用Keep-Alive
    6. 启用压缩
    7. 内联小CSS
    8. 内联小型JavaScript
    9. 利用浏览器缓存
    10. 使登录页面重定向可缓存
    11. 缩小CSS
    12. 缩小HTML
    13. 最小化重定向
    14. 最小化请求大小
    15. 优化图像
    16. 优化样式和脚本的顺序
    17. 首选异步资源
    18. 将CSS放在文档头中
    19. 从静态资源中删除查询字符串
    20. 从一致的URL提供资源
    21. 提供缩放图像
    22. 指定Vary:Accept-Encoding标头
    23. 指定缓存验证程序
    24. 指定字符集
    25. 指定图像尺寸