本文简单记录关于html压缩相关的问题：
其实很多的活动页面一般都会为了几K去压缩一下，但是压缩的时候必须考虑一下：
- pre里面的空格不能删除
- IE条件注释，是否有可能被删除
- 是否已经开了gzip
- 有用空格来撑大左右间距的可能会造成样式有差异
建议：
压缩之后多测试一下~
扩展阅读：
http://www.ostools.net/codeformat/html
http://www.ostools.net/jscompress?type=3
zhangyaochun
- 浏览: 2612990 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
分享到：
发表评论
-
css 面试题画三角
2017-02-27 16:12 1157如何画三角？ .test{ wid ... -
jquery插件之jquery-json
2014-05-19 11:56 1032本文收录一篇jquery-json ... -
开发工具之phpstorm
2014-04-23 17:06 1122本文收录一个IDE: PhpSt ... -
《前端工具》图片生成器
2014-04-12 14:58 1446本文收录两个图片字段生成器： htt ... -
收录两个flash检测的库
2014-04-12 18:06 1107detect flash相关的： ... -
uglify的几个配置参数
2014-04-03 20:39 1867记录几个uglify的配置参数： ug ... -
Browser-Sync
2014-03-31 18:50 1285Browser-Sync： http: ... -
工具之autosave
2014-03-29 16:18 1123介绍一个工具： autosave h ... -
github gist
2014-03-24 10:39 1198github的gist gist是g ... -
underscore.string
2014-03-17 15:24 1214underscore.string： ... -
在线画图工具--process
2014-03-15 20:20 2714收录一个在线作图的工具： http: ... -
filesize
2014-03-12 14:05 1230一个工具：fileszie h ... -
chrome设置跨域
2014-03-11 18:25 6621chrome在mac下如何开启跨域： ... -
jekyll是什么？
2014-03-08 21:57 1037Jekyll是什么？ 博客形式的静态站 ... -
Travis CI
2014-03-07 17:19 1103Travis CI： 在线的，分布式 ... -
【工具】embed responsive
2014-03-06 22:00 1085介绍一个embed responsive： ... -
【工具】html2json
2014-03-04 19:06 1294收录一个html2json的工具： h ... -
设备检测工具- mobiledetect
2014-03-03 19:50 1083本文收录一个mobile detect： ... -
GNU
2014-02-17 14:01 1034GNU: Gnu's Not Uni ... -
【前端工具】密码生成器
2014-02-13 15:30 1456在网上看到的： http://w ...
相关推荐
1. HTML压缩的重要性： HTML文件的大小直接影响了页面加载速度，尤其对于移动用户来说，更快速的加载时间意味着更好的用户体验。压缩HTML可以减少文件传输的数据量，从而提高网页加载速度。 2. JavaScript压缩HTML...
HTML压缩主要是通过删除空格、换行符和不必要的字符，使文件体积减小，从而提高页面加载速度。这对于网站性能优化特别是移动端的用户体验有着显著影响。 在WebStorm中实现这一功能，我们可以利用File Watchers工具...
HTML压缩工具是一种优化网页加载速度和减少服务器带宽消耗的有效方法。这些工具主要针对HTML、JavaScript、CSS等静态网页资源进行编码压缩，去除不必要的空格、换行符和注释，从而减小文件大小，提高页面加载效率。...
HTML代码压缩工具是一种重要的开发辅助软件，主要用于优化网页性能，减少网络传输的数据量，提高页面加载速度。在网页开发过程中，HTML（超文本标记语言）是构建网页的基础，通常为了便于阅读和维护，代码会保持一定...
HTML压缩代码 VB6源码是关于使用Visual Basic 6（VB6）开发的一个程序，它实现了对HTML代码的压缩功能。在网页开发中，压缩HTML代码可以减少文件大小，从而加快网页加载速度，提高用户体验。VB6是一个面向对象的编程...
在"html5 canvas 图片压缩"这个主题中，我们将探讨如何利用Canvas来实现图片的压缩，并解决不同浏览器的兼容性问题，以及在微信等特定环境下图片旋转和压缩的解决方案。 首先，我们要理解Canvas的基本用法。在HTML...
HTML压缩是一种优化网页加载速度的技术，它通过减小HTML源代码的大小来提高网页的传输效率，从而加快了用户访问网站的速度。在标题和描述中提到的“HTML压缩，压缩效率高，不错的”，指的是这个VB6.0编写的程序可能...
asp.net下view文件进行统一压缩工具，html可能也可以压缩
综上所述，"HTML CSS JS压缩工具"是为了帮助开发者提高网页性能，通过压缩HTML、CSS和JS文件，减少网络传输的时间和带宽消耗，从而提升用户体验。`jscompress_package_vc.exe`作为这个工具的一部分，可能是专门处理...
"JS/HTML美化压缩工具"正是解决这个问题的关键。这个本地化的工具使得开发者无需频繁依赖在线平台，可以便捷地进行代码的美化和压缩，提高工作效率。 在前端开发中，JavaScript和HTML代码的美化涉及到代码的格式化...
这个项目标题和描述中的"图片上传 图片压缩 上传压缩 HTML+JS"表明我们将探讨如何利用HTML和JavaScript实现这个功能。下面将详细阐述这一过程。 首先，我们从HTML部分开始。在HTML中，我们需要创建一个表单让用户...
HTML压缩是一种优化网页加载速度和减少网络传输数据量的技术，主要通过删除不必要的空白字符、注释和换行，以及合并CSS和JavaScript等方法实现。在VB（Visual Basic）环境中，可以编写程序来自动处理HTML文件，使其...
HTML5和JavaScript图片压缩是现代Web开发中一个重要的技术，它允许用户在上传或处理大体积图片时，减小文件大小，从而提高网页加载速度，节省服务器存储空间，并优化用户体验。这一技术主要依赖于HTML5的File API和...
教程可能包含了关于如何使用各种压缩工具，如WinRAR、7-Zip等进行文件压缩与解压的详细步骤。HTML版本意味着用户无需额外安装软件，只需浏览器即可访问学习。 在压缩领域，了解基本概念是非常重要的。压缩是一种...
HTML5图片压缩上传是现代网页应用中常见的功能，它允许用户在上传图片前进行压缩，减少数据传输量，提高用户体验并降低服务器存储负担。在HTML5中，这一功能主要依赖于`<input type="file">`元素、File API以及...
方法：Monitoring.init 初始化基本参数： suffix ： 压缩的后缀，如min,common.js压缩后为common.min.js，html与jsp不参与 filterDir:过滤目录，正则表达式，如(./common/.)|(.\\common\\.) 为过滤包含common文件夹...
在IT行业中，尤其是在Web开发领域，格式化HTML和JavaScript代码以及进行代码压缩是常见的操作，这对于保持代码整洁、提高性能和协同开发至关重要。本篇将详细介绍这些知识点。 首先，我们来探讨HTML格式化。HTML...
HTML字体压缩是优化网页加载速度和提高网站性能的一种重要技术。它涉及到HTML、CSS和Web字体的使用，特别是对于那些使用大量自定义字体或者网络字体的网站，字体压缩可以显著减少页面的总体大小，从而加快页面的加载...
HTML5上传图手机图片压缩是现代网页开发中的一个重要技术，特别是在移动设备日益普及的今天。这一功能使得用户可以在不离开浏览器的情况下，直接在网站上上传并压缩来自他们手机的图片，提高了用户体验，同时也减轻...