关于页面加载过慢的问题,高手进~!

翘楚时代 2012-02-04 10:54:48
公司外网加载太慢,查找原因时,发现有一个JS文件有300K的大小,请问是不是这个文件加载导致的页面加载过慢?

PS:页面中我用如下方式: <script src="../../js/menu/a.js" type="text/javascript"></script>

那么a.js这个文件是否会在客户端打开该页面时将JS的文件也加载到客户端?

通常托管之后的网站页面加载太慢或者打不开都有什么原因造成?如何处理?请高手赐教~!
...全文
87 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 wulei1092 的回复:]

像JS这样文件,如果加载时用不到,最好写在最下面,你可以试试
[/Quote]

这的做法还是比较原始,不利于灵活地重构页面。

应该考虑yepnoop那类机制来自动化地延迟加载,而不是死板地规定程序位置。
  • 打赏
  • 举报
回复
托管之后,我们所见到的下载时间一般都能达到每秒100K字节。有人说什么js太大,隐藏字段太大之类的,我想你还是先以解决真正的html架构问题为主,不要被这些东西迷惑了。

这些说法有没有影响?当然有影响。但是不是紧迫的事情!
wisdom1 2012-02-04
  • 打赏
  • 举报
回复

有点影响 ,大小不是关键吧

关键是否有JS的 复杂遍历或计算 等会导致很慢的
翘楚时代 2012-02-04
  • 打赏
  • 举报
回复
那如果页面中有 <script src="../../js/menu/a.js" type="text/javascript"></script>这句话,而a.js文件很大,会不会影响页面加载速度?
wulei1092 2012-02-04
  • 打赏
  • 举报
回复
像JS这样文件,如果加载时用不到,最好写在最下面,你可以试试
licai1210 2012-02-04
  • 打赏
  • 举报
回复
会加载到客服端,原因很多。可以查找网页优化相关文章
通过页面性能测试概念+页面加载过程+页面性能指标+页面性能测试工具的学习,可以学到如下内容:①WEB网站页面性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站页面性能测试策略;③WEB网站页面加载过程(前端基础语言:HTML+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站页面性能测试工具的实际操作和功能介绍(开发者工具:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站页面性能测试报告编写。⑥WEB网站页面性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:页面性能测试1、页面性能测试概念2、页面性能测试专业术语3、页面性能测试策略第三章:页面加载过程1、HTML概念,HTML5实例,HTML5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、HTML5渲染引擎理解6、HTML5页面内容渲染的过程,HTML渲染树第四章:页面性能测试工具1、页面性能测试具体工具2、Chrome开发者工具介绍第五章:页面性能测试工具-控制台:window.performance1、控制台:window.performance介绍2、window.performance.timing执行结果加载字段理解3、window.performance.timing执行结果属性对应页面阶段理解4、window.performance页面性能参数计算5、window.performance页面性能关键指标计算第六章:页面性能测试工具-网络面板1、Chrome-开发者工具-网络面板介绍2、Chrome-开发者工具-网络-瀑布流指标第七章:页面性能测试工具-性能面板1、Chrome-开发者工具-性能面板-使用方法2、Chrome-开发者工具-性能面板介绍3、Chrome-开发者工具-性能面板-控制按钮区域4、Chrome-开发者工具-性能面板-Overview区域5、Chrome-开发者工具-性能面板-火焰图区域6、Chrome-开发者工具-性能面板-内存图区域7、Chrome-开发者工具-性能面板-统计汇总区域8、Chrome-开发者工具-性能面板-统计汇总区域-摘要内容9、Chrome-开发者工具-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:页面性能测试工具-FPS监控1、Chrome-开发者工具-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:页面性能测试-Lighthouse面板1、Chrome-开发者工具-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-开发者工具-Lighthouse报告指标分析3、Chrome-开发者工具-Lighthouse的报告优化建议第十章:页面性能测试工具-Performance insights面板1、Chrome-开发者工具-Performance insights操作方法2、Chrome-开发者工具-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:页面性能测试总结1、页面性能测试指标采集方式2、页面性能测试报告3、页面性能测试-操作步骤​

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧