我进入了Web开发的前3个月,我一直在尝试使用ColdFusion形式的服务器端脚本,以及一些Javascript,JQuery和CSS.
我已经阅读了关于CSS优化的内容,并想知道有哪些其他相关因素有助于提高网站的性能.开发人员可以通过哪些因素进行分析和优化?
在这次演出中,特定浏览器的选择(或者说我应该说推荐)有多少部分?
干杯
为Firefox 安装YSlow和Pagespeed插件.然后开始查看您的网站未经优化的所有方式.这就像试图从消防栓中汲取一口水一样.
使用缩小(可能是聚合的)Javascript和CSS以及良好,健康的远期 - 过期是一个非常好的开始方式.
别忘了gzip.
并使用Etags.
并将您的CSS放在文档的顶部.
并将javascript放在最后.
并为静态资源使用单独的域.
并避免URL重定向.
并删除重复的JavaScript和CSS.
而且...看看我对消防栓的意思!
只是从上面总结一下:
网站的速度取决于以下几点:
服务器
连接
客户
在这部分的每一部分,你都可以做出改进.
服务器:如果依赖数据库,请检查是否缓存了查询,更重要的是检查数据是否已缓存.例如,如果在每个页面上都从数据库中获取菜单,则可以缓存该结果.此外,您可以检查您的代码,看看是否有优化空间.硬件本身也起着重要作用.如果您使用的是共享主机方案,则可能是服务器中充满了其他未经优化的应用程序,这些应用程序会对服务器产生影响.
连接: YSlow和Pagespeed在这里派上用场,还有Fiddler.您可以对静态内容(CSS和JS)进行一些缓存.将他们的过期日期设定在将来.使用GZIP使其内容更小,并且静态文件的组合在一定程度上有所帮助.此外,服务器可能带宽较低.
客户端:如果您使用古怪的javascript或缓慢的css选择器,这可能会损害客户端的性能.但这取决于客户端计算机的速度.
我建议阅读加速网站的最佳实践以及雅虎卓越绩效页面上的所有内容.
如果你喜欢书籍,你可能会对高性能网站感兴趣(请注意,这里的很多内容都是加速你网站的最佳实践文章)和更快的网站.
以下是加速您的网站最佳实践的一些我最喜欢的规则:
最小化HTTP请求
添加Expires或Cache-Control标头
Gzip组件
使JavaScript和CSS外部
缩小JavaScript和CSS
此外,smush.it适用于压缩图像(这对网页加载速度有很大影响).
就浏览器而言,Safari 4声称它是"世界上最快的浏览器",我可以说Mac版本肯定是好的和快速的(更不用说优雅!).但是,上述建议与您使用的浏览器相比会产生更大的差异.
史蒂夫