网页设计中 JS文件比较多，影响网页的加载速度，怎么解决
网页设计中JS文件比较多，影响网页的加载速度，例如打开ie浏览器，或者搜狗，360极速浏览器，但只要地址栏中选择的是“兼容”模式，网页加载的速度就很慢，如果是ie浏览器的...
网页设计中 JS文件比较多，影响网页的加载速度，例如打开ie浏览器，或者搜狗，360极速浏览器，但只要地址栏中选择的是“兼容”模式，网页加载的速度就很慢，如果是ie浏览器的“普通“模式 、搜狗的“高速”模式、360浏览器的“极速”模式，页面加载就很正常，这是为什么啊 。如何解决这个问题啊。给位大神求指点帮忙了。只要百度搜“安徽挂号网”打开首页，你们用浏览器的两种兼容模式切换一下就知道了 。求指点啊
展开
2个回答
展开全部
兼容模式实际是兼容IE7的，360“极速”实际就是Chrome。
你的问题应该是“页面 渲染 慢”，是布局不合理，
1. 全部页面的css样式文件都合并成一段代码，压缩后放到<style>中，这个<style>页面只能存在一个并且必须在<head>中
2. 页面的所有 <script>不管是外部文件，还是内部嵌套，都放到 </body> 之前。(<body>结束标签)
如果<script>标签的位置移动不了，就改js，务必要放到页面的最后。
比如<script>中有document.write();可以预先在指定位置放一个隐藏的<div>，
然后通过页面底部的js，innerHTML到<div>中。
3. 最好把小的零碎的js代码都合并到一个文件中。但是单个js文件也不要太大，一般不超过25k。
这几点做到了，你页面的首屏速度能在1秒左右。（1秒已经很快了，没几个能达到1秒的）。
具体为什么就不在这里解释了。
你的问题应该是“页面 渲染 慢”，是布局不合理，
1. 全部页面的css样式文件都合并成一段代码，压缩后放到<style>中，这个<style>页面只能存在一个并且必须在<head>中
2. 页面的所有 <script>不管是外部文件，还是内部嵌套，都放到 </body> 之前。(<body>结束标签)
如果<script>标签的位置移动不了，就改js，务必要放到页面的最后。
比如<script>中有document.write();可以预先在指定位置放一个隐藏的<div>，
然后通过页面底部的js，innerHTML到<div>中。
3. 最好把小的零碎的js代码都合并到一个文件中。但是单个js文件也不要太大，一般不超过25k。
这几点做到了，你页面的首屏速度能在1秒左右。（1秒已经很快了，没几个能达到1秒的）。
具体为什么就不在这里解释了。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
