本文目录一览：
- 1、网页设计中 JS文件比较多，影响网页的加载速度，怎么解决
- 2、用了webpack还需要用seajs吗
- 3、网站优化:所有的js代码放到同一个js文件中好，还是不同的页面根据需要创建不同的js文件好?
网页设计中 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秒的）。
具体为什么就不在这里解释了。
用了webpack还需要用seajs吗
webpack是后台工具，是负责：开发过程中的代码模块化，代码压缩、检查等的功能的插件。
而seajs是一个CMD的一个前端引js的东西，解决前端依赖的
可以在使用webpack就不用使用seajs了，使用了反而更多的加载seajs的文件了
网站优化:所有的js代码放到同一个js文件中好，还是不同的页面根据需要创建不同的js文件好?
网站优化：一个是压缩合并css，js，一个是合并图片和小图标来达到减少请求量的目的；所以当然是所有的js代码放到同一个js文件中好；需要注意的是：
1、只要命名不冲突放一个文件里面完全没问题,初始化代码用一个$(function(){…})包裹着就可以了；
2、不同的页面执行不同的逻辑代码块完全不冲突,关键是知道自己在做什么；
具体做法：
1）比如a.css,b.css,c.css,把里面的内容都复制到一个css中，main.css这样手动就可以合并
压缩的话，网上都有工具来压缩，直接百度 css压缩 就可以了;
2）js大部分是可以直接和css一样手动合并，然后压缩的（压缩方法，和压缩css一样，百度去），不过要注意复制到文件时的顺序，和代码里面的一些规范，不要把依赖什么的搞混了；如果js文件非常多手动处理很麻烦的时候，可能需要借助工具来实现，你可以试着用前端的一些加载器（require,seajs）来做一些优化，达到按需加载的目的，推荐用seajs试试；自动压缩的话，可以用nodejs的grunt来压缩，很好用。
原创文章，作者：PUIZ，如若转载，请注明出处：https://www.506064.com/n/137524.html
微信扫一扫 
支付宝扫一扫 