网页设计中 JS文件比较多,影响网页的加载速度,怎么解决

网页设计中 JS文件比较多,影响网页的加载速度,例如打开ie浏览器,或者搜狗,360极速浏览器,但只要地址栏中选择的是“兼容”模式,网页加载的速度就很慢,如果是ie浏览器的“普通“模式 、搜狗的“高速”模式、360浏览器的“极速”模式,页面加载就很正常,这是为什么啊 。如何解决这个问题啊。给位大神求指点帮忙了。只要百度搜“安徽挂号网”打开首页,你们用浏览器的两种兼容模式切换一下就知道了 。求指点啊

兼容模式实际是兼容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个回答  2012-07-13
这种情况下你应该调整js的加载模式,使用seajs或者requireJs之类的模块管理工具

网页设计中JS文件比较多,影响网页的加载速度,怎么解决?
1、用负载均衡动静分离,网站人多,静态文件可以考虑用cdn加速。2、升级到http2.0

网页设计中 JS文件比较多,影响网页的加载速度,怎么解决
如果标签的位置移动不了,就改js,务必要放到页面的最后。比如中有document.write();可以预先在指定位置放一个隐藏的,然后通过页面底部的js,innerHTML到中。3. 最好把小的零碎的js代码都合并到一个文件中。但是单个js文件也不要太大,一般不超过25k。这几点做到了,你页面的首屏速度能在1秒左右。...

企业建网站如何解决页面加载速度问题
如果这个网站值得你关注,那么你不妨试试这个办法,将浏览器设置为自动缓存,以便在重复打开已浏览或正在加载的页面时可以快速检索这些页面,而不必担心要查看的内容加载缓慢。2、优化网站代码作为浏览网站时必须阅读的文档之一,我们必须注意网站的优化。所谓的代码优化,包括包含在网站中的JS脚本和CSS样式的...

如何提高网站页面速度?
这个可以说是最直接的一个方法,也是用得比较多的,对网页代码进行瘦身,删除不必要的沉冗代码,比如不必要的空格、换行符、注释等,包括JS代码中的无用代码也需要清除。其中对于注释代码的清除可能有些人存在误区,甚至有的在里面堆砌关键词。10、延迟加载和执行非必要脚本 网页中有很多脚本是在页面完全...

网页打开慢怎么办 网站打开速度过慢时要如何解决
网站速度过慢的解决方案 4.重定向请求尽量减少;有些网站在建设时就设计好了不同的访问终端页面,像这种每一次重定向它都让浏览器重新发起请求,再次重新加载又会消耗更多时间。像这种问题的解决方案就是将网站建设成响应式网站,直接一个站点覆盖所有网站。5.压缩css和js内容;这一步骤如果不懂的话就...

网站建设过程中是如何提高网站加载速度
选择高性能服务器:选择速度快、稳定性好的服务器提供商,根据网站的流量选择合适的服务器类型(如VPS、独立服务器、云服务器等)。使用HTTP\/2:HTTP\/2协议支持多路复用、头部压缩等特性,可以加快网页的加载速度。启用Gzip压缩:在服务器端启用Gzip压缩,将文本文件(如HTML、CSS、JavaScript等)在传输前...

提高网站访问速度方法是什么
3、样式表放在网页Head部分 这也是我实际操作过的案例,把样式表(CSS文件)移到网页的Head部分,可以提高页面的加载速度,让页面元素顺序显示。4、把JS文件放到网页底部 网页打开时,所有元素是顺序显示的。由于JS文件的特殊性,其相比其他元素来说,会加载的很慢,在JS文件下载完成之前,其他后面元素的...

如何加快网页加载速度
方法\/步骤:1、服务器硬件软件配置要好,网络、读写响应等要做好优化。2、可以开启gzip压缩技术,减少页面传输中容量,增加页面传输速度。3、页面代码标签要尽量优化,把不需要的空格、可有可无的便签布局等删除。4、单个页面大小控制好,或者可以做分页等处理。5、css、js统一到外部文件。6、图片大小...

你的网站打开速度过慢时要怎么解决?
网站打开速度过慢直接影响用户体验,解决方法如下:1.优化图片文件。降低图片文件解像率,提高压缩效果。图片格式选择webp > jpg > png > bmp,以保持清晰度同时减小大小。可使用Photoshop或在线工具进行图片压缩。2.开启网络压缩功能。设置浏览器接受gzip压缩数据,但需确认服务器支持。3.利用浏览器缓存。

有哪些网站建设代码优化的方法?
一、JS优化 网站的JavaScript等文件最好全部的外部调用,JS代码最好不要太多,要尽量的不要用,假如网站功能一定要使用JS要采用外部文件进行封装 的,由于它代码中的内容是不被搜索引擎识别的。不要将js代码写在网页中,并且尽可能的减少文本的个数,有助于提高网页加载速度,并且更有利于搜索引擎的 抓...

相似回答