Question

一直在监控Chrome网站开发人员工具栏的网络标签，发现该网页似乎需要一段时间（比如几秒钟左右）才能进入浏览器。该页面没有做任何繁重的工作，例如复杂的SQL查询。

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

我应该注意哪些想法来确定瓶颈？更重要的是：我可以采取哪些一般策略来加快HTML的加载速度？我的问题是关于HTML（因为我的其他资源都做得很好）。假设创建页面的脚本实际上在合理的时间（微秒）内执行。

Answer 1

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

你怎么知道这是你的HTML问题？

您是否尝试过渲染页面而没有任何其他资源，没有图像/ CSS / JS？

您的HTML有多大？

您是否可以gzip /压缩HTML？

从网页测试到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

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

据我所知，使用任何模板解析器会使执行过程变慢一点。

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

2 个答案: