- 浏览: 2830374 次
- 性别:
- 来自: 武汉
文章分类
- 全部博客 (1173)
- 名言警句 (5)
- 心情随笔 (50)
- 数据库 (57)
- Java基础 (241)
- J2EE框架 (91)
- 数据结构 (12)
- 程序设计 (21)
- WEB技术 (128)
- 网络日志 (12)
- IT资讯 (247)
- linux (64)
- solaris (2)
- 其它 (143)
- WebService (4)
- 日语学习 (2)
- 机器人 (5)
- Android (5)
- cgywin (3)
- Game (1)
- DWR (1)
- spring (8)
- canvas (1)
- Guava (3)
- Modbus (5)
- 测试 (6)
- mongodb (9)
- Quartz (2)
- Cron (1)
- windows (2)
- 持续集成 (1)
- bootstrap (3)
- 结对编程 (1)
- nodejs (1)
- Netty (1)
- 安全 (3)
- webstorm (2)
- sparkline (1)
- Job (1)
- git (3)
- Maven (3)
- knockout (5)
- jquery (1)
- bower (1)
- docker (1)
- confluence (4)
- wiki (1)
- GoogleMap (1)
- jekyll (10)
- ruby (2)
- npm (3)
- browserify (1)
- gulp (3)
- openwrt (1)
- discuz (3)
- 输入法 (1)
- JPA (1)
- eclipse (2)
- IntelliJ (1)
- css (1)
- 虚拟机 (1)
- 操作系统 (1)
- azkaban (2)
- scrum (1)
最新评论
-
pangxiea_:
你好, 想请问一下 Linux下 这么使用rxtxcomm 在 ...
使用Java进行串口通信 -
abababudei:
请教一下,这个您是怎么解决的:/dev/ttyS2enteri ...
Java应用程序的MODBUS通讯 -
xuniverse:
hannibal005 写道楼主,我问下 request.se ...
用javascript与java进行RSA加密与解密 -
atxkm:
找了一下午,终于找到了
gulp 拷贝文件时如何移除文件目录结构 -
kalogen:
gtczr 写道非常感谢,经过我自己的修改,已经完美实现。发出 ...
用javascript与java进行RSA加密与解密
随着Web2.0技术的不断发展,Web前端的优化受到越来越多的关注,特别是JavaScript和CSS优化的讨论一直是热点,工具也相对丰富,而对HTML优化则有所忽视,最近,来自百度泛用户体验团队 的工程师Miller (chenminliang)撰文 强调了HTML优化的重要性和相关技巧。
Miller首先举例说明了HTML优化稍显忽略的事实:
在Steve Souders 的大作《Even Faster Web Sites 》中谈到非常多有效的前端优化方法,例如Javascript的加载、CSS选择符、图片优化、gzip、iframe问题等,唯独没有细说HTML优化。
他强调HTML优化虽然看似微小,但是不可忽视:
在整个前端的构成中,HTML是必不可少的一部分,而且是真正的展示“前端”。虽然与动辄十几K的Javascript相 比,HTML的大小在整个页面资源中一般不会占太多的比重,而且还有Gzip,但是事实表明,大多数页面都有较大的压缩余地,即使是Gzip过后仍然能减 小可观的体积...
Miller在文中总结了HTML优化的各种方法,将其分为两类:绿色规则 ——在各类页面中适用且无害和橙色规则 ——在某些具体的情况下才适用或者有违标准。
绿色规则可以概括为以下几种:
- 使用相对URL ,某些href、src属性如果与当前页面处于同一域名下,则使用相对URL能够节省至少一个域名的长度。
- 删除HTTP或者HTTPS ,绝对URL都以HTTP或HTTPS等协议头开始,如果能确定URL的协议与当前页面URL的协议是一致的,或者说该URL在多种协议下均是可用的,则可以考虑删除这个协议头。
- 删除注释 ,考虑不必要的IE条件注释和CDATA注释及自定义注释。
- 压缩空白符 ,对于多数标签,可以通过删除多余的空白符来减少HTML体积,但是对于pre等是例外。
- 压缩inline css & Javascript ,不管inline还是external,都需要压缩,这是减小体积的最直接的方式。
- CSS&Javascript尽量外链 ,不仅可以减少体积,还能够充分利用浏览器的缓存机制。
- 删除元素默认属性 ,在HTML规范 中,很多HTML元素的属性是有默认值的,对于这些默认值可以抹去不写。
橙色规则就不一一列举了,感兴趣的读者可以直接查看原文 。
除了优化技巧之外,Miller特别推荐了两款相关工具——Absolute HTML Compressor和PageSpeed1.6:
HTML优化工具目前比较理想的是Absolute HTML Compressor ,另外,PageSpeed1.6 中也引入了HTML压缩功能,不过目前只有四个简单的策略 ,尚处于实验性阶段。
发表评论
-
30个你必须熟记的CSS选择器
2015-06-27 08:44 1727你学会了基本的id,class类选择器和descendant ... -
40 个超棒的免费 Bootstrap HTML5 网站模板
2015-04-11 16:12 2607Bootstrap 是快速开发Web应用程序的前端工具包。它 ... -
必须记住的 30 类 CSS 选择器
2014-12-30 08:56 942大概大家读知道`id`,`class`以及`descenda ... -
如何防止google map 加载Roboto字体
2014-12-26 13:16 834思路是在window.onload中当检测到加载Roboto ... -
JavaScript Equality Table
2014-12-09 16:17 1798Tables displaying the issue: ... -
WebStorm快捷键收集
2014-11-25 10:40 29681、webstorm快捷键: IntelliJ-Idea ... -
webstorm 常用快捷键
2014-08-25 15:58 899常用快捷键 Ctrl+/ 或 Ctrl+Shift+/ ... -
how to change bower components folder
2014-08-25 09:26 7341. create the file bower.json ... -
程序员应该知道的 13 个设计技巧
2014-07-14 09:34 701开发你的美感 … 我最喜欢的站点是: a ... -
tomcat7中tomcat-users.xml配置
2014-04-26 15:48 690将以下代码加入tomcat-users.xml中,即可登录t ... -
tomcat-maven-plugin的使用
2014-03-04 10:52 843环境: Ubuntu 8.10, tomcat6, ma ... -
Jsp动态显示服务器时间
2013-12-31 13:16 1043<script language=" ... -
前端工程与性能优化(下):静态资源管理与模板框架
2013-09-25 08:57 940本系列文章从一个全新的视角来思考web性能优化与前端工程之间 ... -
前端工程与性能优化(上):静态资源版本更新与缓存
2013-09-20 09:35 937每个参与过开发企业级 ... -
Handy and Useful jQuery Snippets for Developers
2013-09-18 15:43 767jQuery is a cross browser Java ... -
11 个用来创建图形和图表的 JavaScript 工具包
2013-08-13 07:00 1269Aristochart DEMO || Download ... -
Jive 论坛 license破解
2013-08-03 13:27 12801. 找到文件 \admin\global.jspf 注释 ... -
2012年度最佳Web前端开发工具和框架
2013-01-10 10:52 15732012年,Web 开发领域继续在快速的发展,HTML5 ... -
为网页设计师准备的 10 个色彩方案生成器
2012-02-22 23:01 1136Pictaculous ColorExplo ... -
13个最常用的CSS和HTML快速开发工具
2012-02-21 08:18 11961)CleverCSS CleverCSS ...
相关推荐
不容忽视的首页SEO优化不容忽视的首页SEO优化不容忽视的首页SEO优化
2021年11个不可忽视的重要风险.pdf
如何优化C语言代码 代码终极优化 讲解一些必要的和容易忽视的优化
Android性能优化之被忽视的优化点本篇文章就博主本人的理解来讲述一些在Android开发中可以优化的地方ArrayList和Vector都是内部以数组实现的List,它们两唯一的区别就是对多线程的支持,ArrayList是线程不安全的,而...
20210727-东北证券-中国电建-601669-不可忽视的碳经济受益承包商.pdf
小班教师教育随笔《不该忽视的乖孩子》.doc
不应该忽视的 AIX 命令 不应该忽视的 AIX 命令
北上单日净流入百亿规律统计:一个不可忽视的积极信号.pdf
不能忽视的新能源汽车安全性——基于新能源汽车起火问题进行分析.pdf
终身体育不可忽视.doc
不可忽视的雷电.docx
运维监控不可忽视的指标
EDA技术的优化设计已经变为程序设计人员不可忽视的一个方面
数据库信息泄漏 不可忽视的安全短板.pdf数据库信息泄漏 不可忽视的安全短板.pdf数据库信息泄漏 不可忽视的安全短板.pdf数据库信息泄漏 不可忽视的安全短板.pdf数据库信息泄漏 不可忽视的安全短板.pdf数据库信息泄漏 ...
数据库信息泄漏 不可忽视的安全短板.docx数据库信息泄漏 不可忽视的安全短板.docx数据库信息泄漏 不可忽视的安全短板.docx数据库信息泄漏 不可忽视的安全短板.docx数据库信息泄漏 不可忽视的安全短板.docx数据库信息...
企业不可忽视成本企划.doc
抽象算法不可忽视算理支撑
20210813-中泰证券-主题基金研究系列之十:不可忽视的细节,货币基金如何选?.pdf
请不要忽视这些java基础知识 请不要忽视这些java基础知识