网站性能受到很多因素的影响,比如网络速度、图像大小、未最小化的资源、字体文件大小、请求数量等等。
当涉及到JavaScript或者CSS时,将有最小化和预处理选项的工作流程包括在内是很好的做法。换行和空白(制表符)不是什么大问题,但如果整个项目足够大的话它们也会成为负担。如果你正在使用外部JavaScript库,请选择自定义版本而不要为了几个功能选择整个库。
字体托管也有可能造成页面膨胀。要减少这种情况,可以只收录项目中所使用的字体磅数。只保留少数磅数然后考虑其他方法来实现对比和层次。
下面给大家推荐三个工具,可以帮助你剖析网站,了解更多网页加载相关的知识。
01. Varvy的页面速度优化(Page Speed Optimization )

Varvy的页面速度优化有很多资源可以帮助你提升网站性能
Varvy的页面速度优化工具是非常有条理的、非常详尽的,包含了性能表现的原因等资源。
02. Pingdom
Pingdom的网站速度测试能够帮你确认速度缓慢的原因
Pingdom的免费选项包括每个元素或者请求的加载时间的瀑布图详情。
03. WebPageSpeed

在世界各地进行测试
WebPageSpeed是非常受欢迎的一款工具。它包含了几乎所有选项,加上一个网站及其元素需要花多长时间来下载的可下载视频。
相关文章推荐:PHP应用程序性能的优化(实例及测试)