导航:首页 > 网站优化 > 网站速度优化js加载

网站速度优化js加载

 发布时间：2020-10-20 23:41:17

1、网页打开很慢，加载js和css状态是304 Not Modified，高手们，要怎么解决？

304是使用缓存，不影响网页，查服务器。
第一步、先确认网络是否丢包，ping命令检测。
第二步、检测操作系统资源使用情况（http服务与数据库）。
第三步、确认http服务是否hang死了，http缓存用满的时候会这样。
第四步、查数据库链接是否正常。
第五步、检查数据库的慢查询语句。
第五、以上步骤都没问题，查程序bug去。
ps：如果使用的mysql，我建议评估业务量，重新调整数据库使用的内存，别使用默认配置。

2、怎么查看网页每一部分的加载速度,比如图片,js,css文件的加载速度

需要准备的材料分别是：电脑、chrome浏览器。

1、首先，打开chrome浏览器，进入要查看的网页，例如：.baidu.com。

2、键盘按F12，会调出开发者工具，点击“Network”标签页。

3、键盘按“F5”键以刷新页面，此时从开发者工具可以看到各个资源（例如图片、css文件、js文件）的加载花费时间。

3、网上买了一个网站模板，加载了一个第三方的JS文件，导致网站首页打开速度很慢，求大神帮忙解决!

空白无效文件，删除即可。需要在网站的页面模板文件夹中，删除掉该代码即可。

4、怎么查看网页每一部分的加载速度,比如图片,js,css文件的加载速度

需要准备的材料分别是：电脑、chrome浏览器。

1、首先，打开chrome浏览器，进入要查看的网页，例如：.baidu.com。

2、键盘按F12，会调出开发者工具，点击“Network”标签页。

3、键盘按“F5”键以刷新页面，此时从开发者工具可以看到各个资源（例如图片、css文件、js文件）的加载花费时间。

5、js代码调用，一个网页嵌入了 js,如果js比较大，打开网页慢，如何慢慢加载？

好像没有完美的解决办法，

另外一个兄弟说，放到页面下面可以实现慢加载，但是如果使用到JS内容就会报错。

可以使用压缩技术传输，代码压缩能达到1/3，硬件压缩1/10

6、网站中有三个js文件大小超过100KB，超级影响加载速度，想问怎样优化？

1. 将你的JS文件进行压缩，百度一下，工具一把
2. 服务器端开启gzip压缩
3. 如果你是3个单独的JS，那么你可以合成1个文件，减少请求次数
4. 将你的<script>标签写在页面底部<body>标签结束之前
5. 检查你的js中是否存在特别耗时的逻辑，因为脚本加载时阻塞式的，它会加载完并执行完之后，才会加载其它资源，因此慢并不一定是文件大，也可能是文件执行花了很长时间
6. 如果还是觉得很慢，你可以使用动态加载，不要直接在页面中写<script>标签，而是动态创建一个<script>将该脚本引进来，这样的加载方式是非阻塞式的，不会影响其它资源加载。
7. 上面方法全用了，还是觉得很慢，那你应该检查你的服务器和网络情况，因为按理来说100多kb的脚本不至于慢到不可接受的地步。
8. 将页面中的资源分散到多个一级或二级域名，因为浏览器对同一个域名同时加载的资源数量是有限制的
9. 如果你还是觉得很慢，那就玩些高级玩意儿吧（如使用CDN加速等）
10. 上面方法都试过，还是不奏效？那我也没辙了，除非能现场分析。

7、网站加载的js过多，打开速度很慢很慢。

1，如果是因为你的服务器的网速不快，那么你把js放到一个高速服务器或者云存储是可以的。但是如果客户端本身的网速不快，你放到哪都没用。
2、缓存是很好的解决方案。如果你能使用一些公共的js源，比如客户端以前用过的来源，当打开网站的时候，就会直接找到这些源的缓存，就可以加快打开速度。
3、还要从代码本身下手，根据不同的页面，打开不同的js吧。没用的js就先不要加载了。

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

兼容模式实际是兼容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秒的）。
具体为什么就不在这里解释了。

9、网页加载很慢JS或jquery堵塞，导致很久才弹出窗口

填写完应该是你表单文件的问题。检查/Search/index.asp 这个文件。
这个可能是你服务器ASP文件问题或者服务器IIS的问题，ASP文件运行慢。

10、js加载速度慢怎么解决？

解决办法：换一个js包含的方式，让javascript加载速度倍增。

把通常加载方式：
<script src="xxxx.js"></script>

改变成：
<script type="text/javascript">
document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")
</script>

-------------------------------------

举个例子：
比如下面是申请的站长统计代码，以前尽管是把它放在页面的最底部，但还是拖累页面加载进度。

<script src="http://s69.cnzz.com/stat.php?id=265381&web_id=265381&show=pic" language="JavaScript" charset="gb2312"></script>

我们可以把它换成这样的方式来加载（任然放在页面最底部）：
<<script type="text/javascript">>
document.write("<<scr"+"ipt src=\"http://69.cnzz.com/stat.php?id=2651&web_id=2681&show=pic\" language=\"JavaScript\" charset=\"gb2312\"></sc"+"ript>>")
<</script>>

速度快多了。

其它的js如法炮制，广告的，页面特效的。。。
最后再废话几句：

用
<<script type="text/javascript">>
document.write("<<scr"+"ipt src=\"xxx.js\"></sc"+"ript>>")
<</script>>

的方式，还可实现按需按条件的来加载你要的JS文件：
<<script type="text/javascript">>
if ( 心情好 ) {document.write("<<scr"+"ipt src=\"xxx.js\"></sc"+"ript>>")}
<</script>>

这样要是“心情不好”，就自然不会载入你不想要的JS文件了。

与网站速度优化js加载相关的知识