記憶盒子

把記憶裝進灰色的盒子,封裝起來,那年那月,重新拾起。

首頁搜索目錄
search
當前主題: 互聯(lián)網(wǎng)絡

非常好用的js在線壓縮簡化及格式化美化工具

作者:Kaka    時間:2015-9-26 9:51:48    瀏覽:    評論:1

上一篇文章介紹了css在線壓縮及格式化美化工具,本文再介紹一個非常好用的js在線壓縮及格式化美化工具。同樣,該工具出自卡卡測速網(wǎng)

js壓縮又叫簡化js,在google的網(wǎng)站速度優(yōu)化建議中,js壓縮同樣是非常重要的部分,詳見簡化JavaScript。

google認為:

簡化JavaScript代碼能夠節(jié)省很多字節(jié)和加速下載、解析和執(zhí)行時間。

這個說法是相當正確的。如果大家細心點,就會發(fā)現(xiàn)各種門戶大站的js都是經(jīng)過壓縮簡化的,甚至連百度和google這種只有幾千字節(jié)的極致簡潔的網(wǎng)頁也對js代碼進行了壓縮簡化。

大家都知道,js代碼分調(diào)試版和正式版,調(diào)試版代碼寫著各種大量的注釋語句以及經(jīng)過美化以便閱讀修改,這種代碼是相當臃腫和體積相當大的,而正式版是去掉了注釋語句且不需要美化只追求簡化,這種代碼的體積就變得小了很多。

看看下面的實例。

壓縮前的js

/*
* This external script is part of the optimize javascript example.
* This comment will be removed.
*/
// Print on the screen. This comment will also be removed.
document.write("This is updated by external javascript");

壓縮后的js

document.write("This is updated by external javascript");

前后對比一下,壓縮前是227字節(jié),壓縮后是57字節(jié),壓縮率高達75%。

體積小有什么好處,還是google說的那句話,簡化JavaScript代碼能夠節(jié)省很多字節(jié)和加速下載、解析和執(zhí)行時間。

使用在線工具壓縮和格式化js

js壓縮和格式化,使用人工來實現(xiàn)是不實際的,必須借助工具,卡卡網(wǎng)推出的js壓縮和格式化工具就能很好的實現(xiàn)這一功能。

其實,卡卡網(wǎng)在三年前就推出了js在線壓縮工具,當時做得比較粗糙,本次更新是全方面的,前端界面使用了著名的CodeMirror編輯器,代碼高亮顯示,后臺程序使用了雅虎的Yahoo.Yui.Compressor.dll組件,壓縮率是相當高且相當安全的。

本次更新同時新增了js格式化功能,js格式化起到美化代碼的作用,方便閱讀與分析,配合CodeMirror編輯器,代碼高亮顯示,效果更好。另外,在處理方式上采用監(jiān)控性方法,即修改源代碼時,格式化內(nèi)容也跟著改變,無需再點擊按鈕了,正所謂“即改即見效”,用戶體驗更佳。

js格式化

js格式化

js壓縮

js壓縮

從上圖例子看到,壓縮率達到了27.08%,效果還是不錯的。

最后附上工具地址:http://pagespeed.webkaka.com/youhua/js/

x

標簽: JavaScript  Webkaka  

※ 網(wǎng)站速度慢?試試網(wǎng)站自動優(yōu)化工具 ※

上一篇: 非常好用的css在線壓縮及格式化美化工具
下一篇: 非常好用的HTML在線壓縮及格式化工具

發(fā)表評論:

◎歡迎參與討論,請在這里發(fā)表您的看法、交流您的觀點。

訂閱博客                   QQ交流群(312716741)

  • 通過Google訂閱本站 通過鮮果訂閱本站 通過抓蝦訂閱本站
  • 通過QQ郵箱訂閱本站 通過Yahoo訂閱本站 通過有道訂閱本站

Search

最新評論及回復

最近留言

網(wǎng)站分類

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.