网站速度:Web开发人员工具栏显示页面需要一段时间

Question

一直在监视Chrome的Web开发人员工具栏的网络选项卡，并注意到页面似乎需要一段时间（例如几秒钟左右）才能进入浏览器。该页面没有执行任何繁重的工作，例如复杂的 SQL 查询。

其他资产，如JS，CSS，图像等似乎是合理的。来自同一服务器的未缓存图像有时会比 HTML 更快地返回到浏览器。我正在使用CodeIgniter + Smarty。

有什么想法，我应该看看什么来查明瓶颈吗？更重要的是：我可以采取哪些常规策略来加快HTML加载速度？我的问题专门针对 HTML（因为我的其他资源做得很好）。假设创建页面的脚本实际在合理的时间（微秒）内执行。

Answer 1

要获取详细的性能信息和瀑布图，请转到 http://webpagetest.org

你怎么知道你的HTML是问题所在？

您是否尝试过在没有任何其他资产，没有图像/CSS/JS的情况下渲染页面？

你的 HTML 有多大？

你能gzip/压缩你的HTML吗？

从 webpagetest 到第一个字节的时间和 domReady 的时间是多少，这是 HTML 文档对象模型完成的时间？

Answer 2

有很多东西可以减少页面加载时间，一些波纹管

1.将其添加到您的.htaccess以启用内容压缩

<ifModule mod_gzip.c>
   mod_gzip_on Yes
   mod_gzip_dechunk Yes
   mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
   mod_gzip_item_include handler ^cgi-script$
   mod_gzip_item_include mime ^text/.*
   mod_gzip_item_include mime ^application/x-javascript.*
   mod_gzip_item_exclude mime ^image/.*
   mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
 </ifModule>

2.将图像合并到 CSS 精灵中

3.延迟加载 JavaScript

要了解有关页面/网站优化的更多信息，您可以使用此工具。

就我而言，使用任何模板解析器会使执行过程变慢。