1、减少请求
图片合并
CSS文件合并
2、减少文件大小
选择合适的格式。压缩图片。
减小CSS文件大小：CSS值缩写；省略值为0的数值；颜色值最短。
CSS选择器合并
文件压缩
3、页面性能
加载顺序
减少标签数量
选择器长度
避免耗性能属性：如expression。
图片设置宽高
尽量用CSS来实现表现
4、可读性，可维护性
规范
语义化
尽量避免Hack
模块化
注释
1、减少请求
图片合并
CSS文件合并
2、减少文件大小
选择合适的格式。压缩图片。
减小CSS文件大小：CSS值缩写；省略值为0的数值；颜色值最短。
CSS选择器合并
文件压缩
3、页面性能
加载顺序
减少标签数量
选择器长度
避免耗性能属性：如expression。
图片设置宽高
尽量用CSS来实现表现
4、可读性，可维护性
规范
语义化
尽量避免Hack
模块化
注释
1、减少请求图片合并CSS文件合并 2、减少文件大小选择合适的格式。压缩图片。减小CSS文件大小：CSS值缩写；省...
1、规范：▪文件规范▪注释规范▪命名规范▪书写规范▪其他规范（HTML和图片） 2、文件规范⑴分类 ⑵引入 ⑶本身...
1、少用定宽，多用自适应 2、@media
1、What清楚默认样式↓（进一步扩展）全局样式定义 2、Reset First⑴项目初期就定好⑵引入/内部sty...
页面优化 页面优化可以提升页面的访问速度从而提高用户体验，优化的页面可以更好的提升 SEO 的效果同时也可以提高代...
1、什么是模块化 2、How 3、Why
1.1.0 什么是切图： 从设计稿中切除网页的素材并在代码中引入图片资源。设计稿 (*.psd) >>（素材切出）...
1、font-size 字体大小 2、font-family 字体格式 3、font-weight 加粗 4...
整体分析 总体的架构 展示层 注意点： 页面优化（css，js压缩），cdn加速，隐藏跳转页面，状态切换 页面切换...
本文标题：网易微专业-页面架构 页面优化
本文链接：https://www.haomeiwen.com/subject/vwvsattx.html
网友评论