首页>>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-04-07 小红书+抖音+直播常见违禁词及替换方法
- 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 浅析:《百度搜索优质内容解读》,当下百度···
- 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文件中文用浏览器打开有乱···
- 2021-01-06 百度移动端的搜索结果上线“踩顶”功能,对···
- 2020-09-03 element.style样式的修改
- 2019-11-06 正确打开.db数据库文件的两种方式,避免···
- 2020-10-20 UC神马搜索怎么做快速排名优化
- 2020-10-09 为什么网站关键词上首页,依旧无流量点击?
- 2019-03-31 FTP软件是什么,怎么使用?
- 2019-12-17 盘点SEO写作编辑的基本要素
- 2021-02-02 用百度闭站保护有用吗?
- 2019-02-20 该怎么应对《百度搜索网页标题规范》?
- 2022-08-29 使用css中的字体图标的方法
- 2019-12-14 SEO主管的工作主要做些什么?管理者也有···
- 2019-10-17 「福利贴」在线转换网站:webp格式转G···
- 2019-11-25 IIS本地测试中,全站报错404页面的问···
- 2021-02-02 为什么做SEO优化前要做SEO诊断?
- 2019-02-24 单页面怎么做SEO优化?
- 2022-09-28 一文告诉你百度、微信、阿里、头条等指数查···
- 热门标签
-
- 热力图
- UEO
- 点击热力图
- 二级域名
- 二级目录
- seo中介
- seo众包平台
- 搜索指令
- 百度高级命令
- 百度搜索组合命令
- 刷权重
- 黑帽SEO
- 刷点击软件
- 快排
- VBS病毒
- html病毒
- 百度算法
- 极光算法
- seo优化
- 镜像站
- 网站优化
- 301跳转
- 301重定向
- 首选域
- 网安备案
- 网站公安备案
- 蜘蛛池
- 黑帽
- 链接工厂
- 细雨算法
- php挂马
- 快照劫持
- 篡改php源码
- SEO按天扣费
- seo包年
- 空链接
- href#属性
- ftp
- 同义词
- 百度搜索同义词
- 百度收录量
- 索引量
- 增加收录
- 收录和排名
- https改造
- 重复收录
- 刷百度排名
- 模拟点击工具
- 网站缩略图
- seo抓取
- url重定向
- uso
- seo
- 用户体验优化
- 惊雷算法
- 2.0
- 打击快排
- seo套路
- seo外包
- 苦逼seo
- 谷歌seo
- 域名icp备案
- js的优化
- JavaScript与seo
- 排名波动
- 内容质量
- sem
- 竞价和优化
- seo方案
- 爱站关闭
- 爱站关站
- 无法访问
- ftp无法列目录
- ftp登录
- 烽火算法
- https
- 网站劫持
- 服务器安全
- 网站页面
- 跳出率
- SEO
- 网站设计
- web前端
- seo顾问
- seo咨询服务
- 关键词优化
- 网站备案
- 备案流程
- js压缩
- 前端
- 手机站
- 营销型
- 手机站布局
- 搜索引擎优化
- 合肥seo优化
- html
- 网站漏洞
- 网站被黑
- 百度权重