代码之家  ›  专栏  ›  技术社区  ›  Arnkrishn

如何让网站运行得更快?

  •  6
  • Arnkrishn  · 技术社区  · 16 年前

    我读过关于CSS优化的文章,想知道还有哪些相关因素可以提高网站的性能。开发人员可以配置和优化哪些因素?

    干杯

    15 回复  |  直到 16 年前
        1
  •  17
  •   oxbow_lakes    16 年前

    YSlow Pagespeed Firefox插件。然后开始看看你的网站所有未优化的方式。这很像是从消防栓里啜饮一口水。

    使用小型(可能是聚合的)Javascript和CSS以及良好、健康的未来expires是一个非常好的开始。

    • 并使用etag。
    • 并将CSS放在文档的顶部。
    • 并将javascript放在末尾。
    • 并为静态资源使用单独的域。
    • 并删除重复的javascript和CSS。

    和明白我说的消防栓是什么意思了!

        2
  •  6
  •   Gideon    16 年前

    综上所述:

    网站的速度取决于以下几点:

    • 联系
    • 客户

    服务器: 如果依赖数据库,请检查查询是否缓存,更重要的是检查数据是否缓存。例如,如果在每个页面上都从数据库获得一个菜单,则可以缓存该结果。此外,您可以检查代码,看看是否有优化的空间。 硬件本身也起到了一定的作用。如果您使用的是共享托管计划,那么服务器上可能充满了其他未优化的应用程序,这些应用程序会对服务器造成影响。

    连接: 在这里,YSlow和Pagespeed以及 Fiddler . 您可以对静态内容(CSS和JS)进行一些缓存。将其过期日期设置在遥远的将来。使用GZIP使其内容更小,并结合静态文件在一定程度上有所帮助。

    客户: 如果您使用古怪的javascript或css选择器速度较慢,这可能会影响客户端的性能。但这取决于客户端计算机的速度。

        3
  •  5
  •   Steve Harrison    16 年前

    Best Practices for Speeding Up Your Web Site 还有雅虎的所有内容s Exceptional Performance

    如果你喜欢书,你可能会对它感兴趣 High Performance Websites (请注意,本文中的许多内容都在 加快网站速度的最佳实践 Even Faster Websites .

    这里有一些我最喜欢的规则 加快网站速度的最佳实践

    • 最小化HTTP请求
    • 压缩内容
    • 缩小JavaScript和CSS

    而且 smush.it 用于压缩图像(这对网页加载速度有很大影响)。

    就浏览器而言, Safari 4 声称它是“世界上速度最快的浏览器”,我可以说Mac版本确实是又好又快(更不用说优雅了!)。但是,上述建议与您使用的浏览器相比会产生更大的差异。

    史蒂夫

        4
  •  3
  •   Chris Klepeis    16 年前

    使用ColdFusion,您需要确保您的查询是正确的 cached . 使用查询分析器(如果使用mssql服务器)确保加载缓慢的页面不是错误查询的结果。在数据库端,您还需要确保正确的索引。

    性能的一个重要因素是为图像、文件等发送了多少HTTP请求。YSlow将向您显示这些信息。它只适用于firefox。

    this book

        5
  •  2
  •   vulcan    16 年前

    查看Steve Souders(YSlow的作者)的这些视频:

    http://www.youtube.com/watch?v=aJGC0JSlpPE

    http://www.youtube.com/watch?v=BTHvs3V8DBA

    他还出版了几本书。

        6
  •  2
  •   Christian Studer delphist    16 年前

    http://code.google.com/intl/de-CH/speed/articles/

    仅供参考:并非这些页面上的所有信息都是有效的,尤其是PHP提示太离谱了。

        7
  •  2
  •   Paul McClean    16 年前

    Firefox有一个非常棒的插件叫做Dust Me Selectors。它扫描css文件,让您找到标记中未使用/已变得多余的选择器。

    https://addons.mozilla.org/en-US/firefox/addon/5392

    您还应该通过CDN交付静态内容。并行下载静态文件将加快页面呈现速度。这里有一个更好的解释: http://www.sitecheck.be/tips/speed-up-your-site-using-a-cdn/

        8
  •  1
  •   merkuro    16 年前

    你不应该推荐任何特定的浏览器,但如果需要的话,可以根据当前的标准设计网页,并对旧型号进行一些修复。从我的角度来看,任何东西都可能对速度产生影响,但CSS是最不重要的,在现实世界的例子中,用户不会注意到这一点。在大多数情况下,html和样式声明的明确分离可以完成这项工作。什么真正有影响?首先,你可以通过得到一个更好的托管合同(可能是一个专用服务器)来解决这个问题。提高网站加载速度的另一个方法是降低图像质量和CSS精灵的使用。通常在动态网页上,数据库是一个瓶颈,因此缓存和良好的数据库抽象层可以改善情况(PHP:PDO而不是简单地使用mysql()。GZip将您的输出发送给用户。有这么多的东西,但其中很多都非常依赖于语言。。

    我建议使用FireBug和loadimpact.com进行测试。

        9
  •  1
  •   Ben    16 年前

    文件越少越好- CSS sprites 可能是值得考虑的事情。根据我的经验,你必须在速度和可维护性之间平衡你的CSS文件-一条规则或多或少不会影响白天和黑夜。。。

        10
  •  1
  •   EricLaw    16 年前

    对于IE,请参见 http://www.fiddler2.com/fiddler/Perf/ http://www.fiddler2.com/fiddler2/addons/nexpert.asp )提供与YSlow和PageSpeed中类似的功能。

        11
  •  1
  •   Shuriken    15 年前

        12
  •  0
  •   Priyank    16 年前

    http://www.dojotoolkit.org/docs/shrinksafe

    谷歌还有一个开源工具叫页面速度,它可以帮助你优化网站性能。最近,在向所有人开放源代码之前,它是在内部使用的。 http://google-code-updates.blogspot.com/2009/06/introducing-page-speed.html http://code.google.com/speed/page-speed/

        13
  •  0
  •   Andy Lester    15 年前

    性能测试的两个基本规则:

    • 在没有可靠的测量方式的情况下,不要试图提高性能。
      • Corrolary:不要只是随意改变事情,看看事情是否变得更好。
        14
  •  0
  •   muffytyrone    15 年前

    缓存所有内容(web服务器和浏览器缓存)。

        15
  •  0
  •   Dhananjay Patil    8 年前

    还可以将多个等待图标添加到您的网站。