首页 > 编程知识 正文

seajs代码压缩,js 代码压缩

时间:2023-12-27 22:27:43 阅读:326619 作者:BGPO

本文目录一览:

网页设计中 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来压缩,很好用。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。