计算机网络/计算机科学与应用/系统/运维/开发

前端开发构建优化

一、前端规范

1、符合w3c web标准

W3C制定的标准包括使用语言的规范、开发中使用的原则和解释引擎行为


2、格式规范统一

包括命名、代码缩进、空格和空行的使用以及代码注释


3、高性能

网页的加载速度和页面交互响应速度


网页加载速度:

网站加载占用时间包括后端处理请求的时间

代码文件从服务器传输的时间

html css js加载运行的时间


4、高安全性

(站点攻击、Cookie劫持)


二、代码组织结构和文件命名

1、代码文件组织结构

同类文件放在一起


2、代码文件的命名

代码文件命名的原则主要是名称需要表明文件对应的模块内容、对应的版本号和文件的格式


3、代码资源压缩合并

网站加速展现:(cdn分发、缓存等)

web服务器开启Gzip压缩(Web服务器开启Gzip压缩后,会在Response的header中增加Content-Encoding:gzip

可以通过检查此header项来判断服务器是否开启了Gzip压缩)


Js代码压缩 (UglifyJS工具)


css代码压缩 (CSS Compressor)

图片资源压缩 (JPEGmini)


日子是崭新的,不要回头看,如果今年还掉眼泪,希望是喜极而泣。

评论

^