首页>>SEO技术
前端开发过程中大多时候需要压缩CSS和js文件,当然这与搜索引擎优化对于网站压缩的要求不谋而合。 主要原因:一方面,为了减小文件尺寸、加快文件传送。 另一方面,压缩的文件可读性差,起到保护源代码的作用。
一、JS文件压缩、混淆
1.1 原理
我们在使用jQuery时,jquery.min.js就是jquery.js的压缩、混淆版。
压缩:删除 JS 代码中注释、tab、换行符及无用的空格,从而压缩 JS 文件大小。
混淆:经过编码将变量和函数原命名改为毫无意义的命名,以防止他人窥视和窃取 Javascript 源代码。
通常我们对于变量名、函数名等会用比较直观的带有语义的方式命名,例如
var username = "zhangsan";
但是
var a = "zhangsan";
对于计算机来说是一样的。
深度压缩JS文件是指尽可能缩短变量名,因为变量名在文件中的大小不小。所以我们经常在压缩文件中看到变量名或函数名,比如a、b、c、d。即使不同作用域中的变量名也是重复的,因为这也是JS语法所允许的,是它的特性之一。
1.2 压缩时需注意
代码格式要尽量规范。JS允许在每一行语句结束后不加分号,但是为了压缩时减少错误发生,最好还是规范地加上分号,虽然目前压缩工具已经比较智能。
备份好源文件。首先,可能在源文件的基础上再次开发;其次,一次压缩不一定会成功。
1.3 压缩/格式化工具
必须明确的是:仅仅是简单压缩过的是可逆的;若是混淆过的,一般不可逆。
1.在线版
很多,比如:
JS混淆加密压缩 - 站长工具
雅虎的 YUI Compressor
Google的在线版本 Javascript Closure Compiler
2.离线版
Google的下载版本 Javascript Closure Compiler
3.前端自动化构建
gulp(见文章最后)
二、CSS文件压缩
也许在当前的开发中,我们还没有提到压缩CSS文件的需要,但是当我们基于Bootstrap开发时,我们经常会看到Bootstrap.css和bootstrap.min.css。后者是压缩过的文件。
对于CSS文件压缩的原理:
去换行符
去空格
去tab
去注释(这个不一定)
对于CSS文件没有混淆一说,因为css中的选择器是不可更改的,所以css文件可缩小的体积很小。
猜你喜欢
- 2024-02-23 提高小红书运营效率的6个工具
- 2022-11-10 【官方文档】百度搜索网站被黑防范指南
- 2022-11-03 【干货必备】百度搜索优质内容指南
- 2022-08-01 百度隐藏“快照”功能:原因未知-百度快照没了?
- 2022-06-20 浅析“百度搜索基础信息设置规范”!
- 2022-06-15 SEO尴尬,有排名,没流量,没咨询,怎么办?
- 搜索
-
- 2024-03-14 刷量成风,广告主损失惨重?该被重视了!
- 2024-03-06 代理投的好,还需要招自己的优化师吗?
- 2024-02-23 提高小红书运营效率的6个工具
- 2024-02-23 千川投放百宝书:2万字详解,一篇全掌握!
- 2024-02-20 年后求职15个关键面试问题,助优化师脱颖···
- 2024-01-31 不行就去做销售吧!
- 2024-01-09 合格的优化师,需具备这6项思维能力!
- 2023-12-28 25个金句文案句式,直接套!
- 2023-12-05 做私域必备的10个朋友圈黄金模板
- 2023-12-05 15个爆款短视频文案技巧,看完立马用!
- 2023-11-27 浅析:《百度搜索优质内容解读》,当下百度···
- 2023-11-21 10年老兵看搜索广告的过去、现在和未来
- 2019-11-01 Origin DNS error:使用百···
- 2020-06-20 “401 - 未授权: 由于凭据无效,访···
- 2020-12-01 一级域名好还是二级域名好?
- 2020-10-13 百度抓取诊断工具一直抓取失败怎么办?
- 2019-12-09 域名解析后,网站返回状态码511应对方法
- 2020-04-10 百度下拉框怎么刷?刷百度下拉框软件原理及···
- 2019-08-12 网站出现“403,服务器上文件或目录拒绝···
- 2021-04-13 html/txt文件中文用浏览器打开有乱···
- 2020-09-03 element.style样式的修改
- 2021-01-06 百度移动端的搜索结果上线“踩顶”功能,对···
- 2019-11-06 正确打开.db数据库文件的两种方式,避免···
- 2020-10-20 UC神马搜索怎么做快速排名优化
- 2022-08-15 【纯SS】实现表格悬停效果:鼠标移到表格···
- 2019-12-19 SEO和页面可访问性的平衡:图片,视频和···
- 2020-04-10 在大数据时代,网络营销的核心是什么?
- 2021-10-10 广告投放转化问题七步分析法
- 2019-03-27 做网站怎么选择适合的服务器?
- 2021-02-18 搜索引擎优化预选关键词的精确度较高的区域···
- 2019-12-11 香港等服务器添加白名单操作流程指引
- 2023-03-20 【同台展现】百度推广结果页展现多条广告的···
- 2019-11-21 网站改版后SEO优化应注意哪些问题
- 2019-08-02 按天计费模式优缺点是什么?包年跟按天计费···
- 2022-04-09 用CSS做一个很酷流光溢彩的文字特效
- 2019-09-24 网站被入侵咋整?后台和ftp全被攻击!
- 热门标签
-
- 热力图
- UEO
- 点击热力图
- 二级域名
- 二级目录
- seo中介
- seo众包平台
- 搜索指令
- 百度高级命令
- 百度搜索组合命令
- 刷权重
- 黑帽SEO
- 刷点击软件
- 快排
- VBS病毒
- html病毒
- 百度算法
- 极光算法
- seo优化
- 镜像站
- 网站优化
- 301跳转
- 301重定向
- 首选域
- 蜘蛛池
- 黑帽
- 链接工厂
- 网安备案
- 网站公安备案
- 细雨算法
- php挂马
- 快照劫持
- 篡改php源码
- SEO按天扣费
- seo包年
- 空链接
- href#属性
- ftp
- 同义词
- 百度搜索同义词
- 百度收录量
- 索引量
- 增加收录
- 收录和排名
- 刷百度排名
- 模拟点击工具
- https改造
- 重复收录
- 网站缩略图
- seo抓取
- 惊雷算法
- 2.0
- 打击快排
- url重定向
- uso
- seo
- 用户体验优化
- 域名icp备案
- 谷歌seo
- 苦逼seo
- 排名波动
- 内容质量
- seo套路
- seo外包
- sem
- 竞价和优化
- js的优化
- JavaScript与seo
- seo方案
- 爱站关闭
- 爱站关站
- 无法访问
- 烽火算法
- https
- 网站劫持
- 服务器安全
- ftp无法列目录
- ftp登录
- 网站页面
- web前端
- seo顾问
- seo咨询服务
- 跳出率
- SEO
- 网站设计
- 关键词优化
- js压缩
- 前端
- 网站备案
- 备案流程
- 手机站
- 营销型
- 手机站布局
- 搜索引擎优化
- 合肥seo优化
- 百度权重
- html
- 网站漏洞
- 网站被黑