& 让Kindle支持扫描版PDF重排
让Kindle支持扫描版PDF重排
使用小屏幕Kindle阅读PDF文档时，如果文档不是专门为小屏幕阅读器排版，就会经常出现显示字体太小的情况，造成阅读不便。而Kindle的屏幕刷新率又太低，页面局部放大后再移动阅读区域亦不现实。解决这一问题目前常用的方法有以下三种：
使用预处理软件对PDF文档进行裁剪页边，比如用裁边软件去掉PDF文档的页边空白，使可阅读区域尽量大，再把生成的PDF文档放到Kindle里阅读。部分文档经过裁剪之后可以获得很好的阅读效果，但是还有一部分文档处理之后的页面仍然过大。
使用OCR（光学字符识别）软件把PDF中的文字提取导出为其他可重新排版的文档格式，如TXT和MOBI等。由于OCR存在一定的识别错误率，也不能保留排版样式（比如字体、字号和图表公式），因此这种方法的应用范围有限。
使用阅读器提取出文档中的字符和样式，以适应屏幕宽度的方式重新排版（称为文字回流，Text Reflow）。这种方法虽然可以保留字体样式信息，但是对于图表和公式的支持和方法二一样不够好；这种方法的另一个缺陷是不能重排扫描版的文档，因为扫描版文档中无法提取出字符和格式信息。
而本文要介绍的Kindle上的阅读器Koreader采用图像分割再重排的方式处理PDF文档，这样不仅支持文字版PDF重排和数学公式的重排，还能对扫描版PDF和DJVU文档进行重新排版。 Koreader重排的原理后文有简单介绍。
简单介绍KOReader
“Kindle的PDF阅读外挂”
是在GPLv3协议下开放源代码的Kindle阅读器，支持PDF, DJVU, EPUB, MOBI, TXT, XPS, CBZ, FB2, HTML, RTF, CHM, DOC, ZIP等几乎所有主流电子书文档格式。Koreader默认运行在Kindle原生系统里，只需要在原生系统中打开Koreader程序就可以使用，关闭Koreader程序就回到了原生系统界面，切换很方便。目前可以运行在Kindle Touch和Kindle Paperwhite设备上。对非触屏Kindle设备Kindle 2、Kindle DX(G)、Kindle 3、Kindle 4的支持会逐步加入，目前这些设备可使用老版本的或者。
重排功能的开发
Koreader的重排功能离不开另一个开源软件项目（GPLV3协议发布）。K2pdfopt也是为了解决PDF文档在小屏幕Kindle上阅读的排版问题而开发的。与其它PDF预处理软件相比，它有很多独一无二的特性，比如自动化程度很高，能够自动识别多栏排版的文档进行分栏，自动去除页面白边，自动对扫描文档进行水平校正，以及最重要的基于图像分割的重排版算法。K2pdfopt使用完全基于图像处理的方法对文字重新排版，软件处理时会把原始PDF/DJVU页面放大再分割成以词为单位的像素区域，把这些像素区域重新排列到目标宽度的页面中（原理如下图），所以理论上只要能够读取文档的页面像素就可以对其中的文字进行重新排版。这个算法的前提是页面中的文字之间需要有一定的空隙，以提供分割像素区域的位点。
K2pdfopt被移植到Koreader以后就可以在阅读时让PDF重新排版。实时重排可以省去电脑上处理PDF的步骤，并且可以在kindle上交互式地微调排版参数，尽可能地生成满意的排版。使用Koreader的重排模式阅读时，软件会自动把当前页和下一页重排版成适应屏幕的尺寸。
软件重排效果
以下是Koreader重排功能在Kindle上的使用效果截屏，包括重排前的原始页面与重排后的页面对比图。
多栏排版页面的重排
下图是Koreader对多栏排版的PDF页面带图和带样式的重排效果：
带图的分栏页面重排
左侧为重排前的原始页面，其中图像占据两栏的宽度，而重排之后图像仍然完整地显示，文字部分被重排为一栏显示。
数学公式的重排
对PDF页面中的数学公式重排支持是Koreader的关键特性，因为使用文字提取的重排版方式对公式这种复杂排版样式的支持并不好，而Koreader的版式识别算法却可以获得较好的重排效果：
带数学公式的页面重排
左侧为重排前的原始页面，右侧是重排后的页面，字体放大了1.5倍仍然保持了公式的完整。
扫描版PDF的重排
Koreader支持实体书扫描的PDF文档重排，重排效果如下：
扫描版PDF页面的重排
左侧为重排前的扫描PDF页面，右侧是重排后的页面。
中文文档的重排
经过测试Koreader对大部分英文文档都可以获得很好的重排效果。而中文文档因为字间距太小，没有西文词之间的空格所以重排时应该选择较小的词间距。理论上只要中文字之间的间隔足够大，对中文文档也能获得很好的重排效果。这是对中文文档的重排测试（使用《红楼梦》脂评汇校本PDF文档）：
中文PDF文档的重排
左侧为重排前的PDF页面，右侧是重排后的页面。重排效果是字体样式全部保留，只增加了字体大小。
对中文竖排文档的重排（使用中华书局《点校本二十四史》扫描版PDF）：
中文竖排版的重排
左上为重排前的原始页面，右上是重排使用的参数，使用了较小的字号、较小的词间距和90度旋转屏幕。下图是重排后的显示效果。
Kindle 2、Kindle 3和Kindle DX(G)：
Kindle 2/3/DX(g)越狱
到MobileRead论坛的里下载越狱文件kindle-jailbreak-x.xx.x.zip (x.xx.x对应版本号)。把下载的ZIP文件解压缩之后选择对应设备固件的升级文件，比如Kindle 3 WIFI 固件版本3.4的设备应该选择update_jailbreak_0.11.N_k3w_install.bin或者更新版文件，将其拷贝到Kindle的根目录中。断开Kindle和电脑的连接，通过Menu& Settings& Menu& Update Your Kindle升级。当出现升级成功的提示表示越狱成功。将Kindle连接到电脑上，在Kindle的根目录中会多出一个linkjail的目录。如果越狱不成功，很可能是因为设备已经越狱过，请忽略此步，直接尝试下一步。
安装launchpad
安装前请先确认设备已经越狱。Launchpad是Kindle上的快捷键管理软件，用于启动Kindlepdfviewer程序。到MobileRead论坛的 里下载launchpad的安装文件lpad-pkg-xxxx.zip (xxxx对应版本号)。 把下载的文件解压缩之后选择设备对应的安装文件，以Kindle 3 WIFI为例，应该选择 update_launchpad_0.0.1c_k3w_install.bin或者更新版文件，将其拷贝到Kindle的根目录中。断开Kindle和电脑的连接，通过Menu& Settings& Menu& Update Your Kindle升级。当出现升级成功的提示表示安装成功。将Kindle连接到电脑上，在Kindle的根目录中会多出一个launchpad的目录。
安装Kindlepdfviewer或Librerator
稳定版1KPV下载地址： ，最新开发版KPV下载地址：。在Kindle的根目录下创建customupdates目录（注意大小写），把下载的ZIP安装包拷贝到customupdates目录下，安装包不需要解压缩。断开Kindle和电脑的连接，在Kindle上按Shift-Shift-I安装Kindlepdfviewer，注意按键间隔不要超过0.7秒，如果按键生效屏幕左下角会出现^[Shift I]字样，等待安装程序完成屏幕左下角会出现Success提示。之后在Kindle上按Shift-Shift-空格三个键，会更新launchpad的快捷键列表把Kindlepdfviewer的快捷键添加进去。如果以上操作步骤都顺利完成，那么恭喜你已经安装成功。可以使用Shift-P-D按键序列打开Kindlepdfviewer。退出Kindlepdfviewer切换到原生系统请在文件管理器界面按Home键，查看更多使用说明请打开Kindlepdfviewer后按“H”键。
Librerator是KPV的一个修改版，安装方法与KPV相同。软件介绍和安装包下载地址：
。Librerator和KPV使用的启动快捷键序列不同所以二者可以互不影响地使用。
Kindle 4 NT和Kindle 4 Black：
Kindle 4越狱
到MobileRead论坛的里下载越狱文件kindle-jailbreak-k4-x.x.x.zip (x.x.x对应版本号)。把下载的ZIP文件解压缩之后，将data.tar.gzENABLE_DIAGS两个文件拷贝到Kindle磁盘的根目录中。断开Kindle和电脑的连接，通过Kindle的Menu & Settings & Menu & Restart重启机器进入诊断模式。使用五向键依次选择“D) Exit, Reboot or Disable Diags” 、”R) Reboot System”、”Q) To continue”。重启后主页会出现一本名为”You are Jailbroken”的书，说明越狱成功。
到Hi-pda论坛的下载安装文件update_kite_0.0.1_install-k4.bin，并将其拷贝到Kindle的根目录中。断开Kindle和电脑的连接，通过Menu& Settings& Menu& Update Your Kindle升级安装。
安装Librerator
到MobileRead论坛的下载最新版Librerator。把下载的ZIP文件解压缩到Kindle磁盘根目录。
Kindle Touch和Kindle Paperwhite：
Kindle Touch/Paperwhite(2)越狱
到MobileRead论坛的里下载越狱文件kindle-jailbreak-x.x.N.zip (x.x.N对应版本号)。其中1.9.N版本可以越狱所有5.0.x –
5.4.4固件版本的Kindle设备。
把下载的ZIP文件解压缩之后，再将其中的kindle-5.4-jailbreak.zip解压缩，把解压获得的三个文件“bridge.sh”、“jb.sh”和“Update_jb_$(cd mnt && cd us && sh jb.sh).bin”拷贝到Kindle磁盘根目录。
断开Kindle和电脑的USB连接，依次点击Kindle的主页按钮（[Home] ）& 菜单按钮（[Menu] ）& 设置选项（Settings ）& 菜单按钮（[Menu]） & 更新您的Kindle（Update Your Kindle），几秒钟后屏幕下方出现 “***** JAILBREAK *****” 字样表示越狱成功。
安装KPVBooklet
到下载最新的KPVBooklet安装包（KPVBooklet支持5.1.2及以上的Kindle固件，建议越狱后升级到5.3以上固件再安装）。将下载的kindle-kpvbooklet-*.zip文件解压缩，把update_kpvbooklet_x.x.x_install.bin文件拷贝到Kindle的磁盘根目录下，断开Kindle和电脑的USB连接。依次点击Kindle的主页按钮（[Home] ）& 菜单按钮（[Menu] ）& 设置选项（Settings ）& 菜单按钮（[Menu]） & 更新您的Kindle（Update Your Kindle）升级安装2,3，注意不要通过restart来安装。
安装Koreader
到下载最新的Koreader安装包。将下载的koreader-kindle-arm-linux-gnueabi-*.zip文件解压缩后得到的两个目录（extensions和koreader）拷贝到Kindle磁盘根目录，断开Kindle和电脑的USB连接。在Kindle主界面即可直接用Koreader打开PDF和EPUB文档。
关于原生系统固件升级
开启WIFI的情况下原生系统可能会在后台自动升级固件。不管手动固件升级还是自动固件升级都会擦除KPVBooklet启动器造成Koreader无法启动，解决这个问题只需要升级完成后重新安装KPVBooklet即可，Koreader无需重新安装。
注1：稳定版会积累一定的特性和bug修复后不定期发布；开发版使用项目最新代码每天自动编译，适合喜欢尝试新特性的朋友。
注2：升级安装KPVBooklet只需下载最新KPVBooklet安装包，使用安装bin文件升级。
注3：Update Your Kindle显示为灰色可能是因为安装了特定版本的多看，可在Kindle磁盘根目录下创建一个名为DUOKAN_DISABLE的文件，然后重启机器再安装。
使用Kindlepdfviewer打开PDF文档时会出现选择阅读器的提示对话框，如下图所示：
选择PDF阅读器
如果需要PDF重排请选择PDFReflow阅读器。在当前对话框中快捷键”T”可以关联选择的阅读器到所有PDF文档，下次打开PDF时将不再出现此对话框；快捷键”F”会关联选择的阅读器到此文档。如果需要清除阅读器关联，请用PDFReflow阅读器打开一个PDF文档后按ALT+C，清除此文档的阅读器关联；按SHIFT+C清除对此文档格式的关联。
Koreader可以通过KPVBooklet与原生系统集成，在原生系统主界面即可显示EPUB、DjVu等文档。默认使用Koreader打开PDF、EPUB、DjVu、FB2、CHM和DOC文档，使用原生系统自带阅读器打开MOBI、AZW和TXT文档。也可以长按PDF文档在弹出窗口中选择GOTO来使用原生阅读器打开PDF文档。
在PDF阅读页面之后，点击屏幕顶部可打开文档菜单对话框，点击屏幕左侧可上翻页，点击屏幕右侧可下翻页，点击屏幕底部可打开设置对话框。
在屏幕下方弹出的设置界面依次点击1-2-3可对当前文档页面重排。
重排设置1、2、3
排版参数微调
在Kindlepdfviewer的PDF阅读界面按“Aa”键可以调出重排参数调整界面进行排版微调。目前可调参数包括：字体大小、页边距、行间距、分词间距、对齐方式、最大栏数、水平较正、字体黑度、屏幕旋转等。如下图所示：
重排参数调整界面
以下是各参数的使用方法（使用2012.11稳定版）：
换行重排（Reflow）开启时，选择不同的字号可以放大和缩小页面字体。注意实际显示的字体大小不一定与选择的大小完全相同。
软件支持先切边后重排。切边（Trim Page）选择自动模式（auto）时，软件会自己选择切除页面白边，使内容区域最大化；也可以选择手动切边（manual)，具体使用方法请看下节。
软件能够自动识别并去除扫描PDF/DJVU页面上的污点（Defect），可选污点大小，默认使用中等（medium）大小。
重排生成页面的页边距（Page Margin）有三档可调，默认使用中等（medium）页边距。
重排生成页面的行间距（Line Spacing）有三档可调，默认使用中等（medium）行间距。
重排过程中断词阈值使用词间距（Word Spacing/Word Gap）参数，建议中文文档选择较小（small）词间距，英文文档选择中等（medium）或较大（large）词间距。
重排页面的渲染质量（Render Quality）有三档可调，选择高质量（high）时显示效果最好但是重排时间也最长，选择低质量（low）时重排时间可以大大缩短。默认使用高质量渲染。
重排扫描PDF页面时可以对页面文字进行水平较正（Auto Straighten），数字表示最大校正角度，默认此选项关闭（最大校正角度为0），开启之后重排时间会大大增加，文字版PDF请勿打开。
重排页面的对齐方式（Justification），有自动（auto）、左对齐（left）、居中（center）、右对齐（right）和两端对齐（full）可供选择。
重排多栏排版的文档时可指定分栏数(Columns)。
重排页面的字体黑度（Contrast）有5级可调，注意默认（default）字体黑度时重排速度最快。
支持0°、90°、180°和270°屏幕旋转，可使用90°旋转重排竖排版的文档。
手动切边（视频演示）
(测试使用商务印书馆《汉译世界学术名著》丛书PDF文档)
如果遇到视频无法播放的情况请使用较新的Chrome或者Firefox浏览器重新打开本网页。
如果原始页面正文四周有污点或者旁注，会影响程序判断正文的缩进方式，自动重排经常会出现大段空白和断行。手动切边把正文四周切掉之后再重排可以避免这种情况出现，让重排后的文档排版更整洁。使用方法见视屏演示，按“Aa”键调出重排参数调整对话框，在切边（Trim Page）选项中选择手动切边（manual），使用五向键的确认键打开原始页面视图，首先通过五向键调整切边的左上角，确认左上角之后再调整切边右下角。确认之后重排即使用切边以后的页面。对于大部分文档，一般不需要每一页都做手动切边，如果当前页码是奇数页，之后遇到奇数页就会自动使用当前页面的切边信息。
下载最新版Koreader/Kindlepdfviewer软件包，把ZIP文件包解压缩到Kindle磁盘根目录，即可升级安装Koreader/Kindlepdfviewer。
需要卸载软件请直接删除Kindle下的koreader/kindlepdfviewer目录, 把安装过的对应软件的uninstall文件逐一拷贝到Kindle磁盘根目录，点“Update Your Kindle”即可卸载相应软件。
大家使用软件时，欢迎把无法生成可读排版的情况作为bug报告给我，方便在后续的版本中进行修复。Bug报告请提供原始PDF文档或出现问题的页面，重排使用的参数截屏，并发送到我的邮箱：chrox@网易126邮箱；或者回复帖子；或者到Koreader项目的中反馈。
更多内容和讨论
更多关于Koreader的资源和讨论请关注：
Categories:&人参与 | 时间：日 09:30
如果你问我网站中最影响网站打开速度的是什么？我会告诉是网站中的javascript，简称JS。模板中引用的JS文件越多，打开速度越慢，这点我深有体会，不信你看看卢松松博客首页，使劲优化后依然有100K的文件。细读完这篇文章，够你优化大半天的了，关于JS优化方法大都脱离不了这三种方法。（网页总大小为155.k，而JS就占了100.3K）是时候优化下JS了关于JS优化的文章已经很多了，大多技术性很强，像什么变量、字符串、类型，就不做介绍了，也不需要介绍，我也不懂，你知道了也没用。大多数站长都是&拿来主义&，我只需要告诉JS怎么放，删那里就可以了。现在的网站都加的有、分享工具、评论列表、相关文章插件等工具，而要实现强大的功能，必须使用JS文件，正是这些JS插件，再增强了网站功能的同时，也给影响了网站速度。最常用的JS优化办法通过博客调用JS来看，目前最影响速度的为无觅插件（952ms）,拿福能广告（434ms）。如果确实要用可以保留，适当的根据官方教材做做优化，下面卢松松介绍几个最常用的JS优化方法。方法一：把不重要的JS放在页面最底部这是最简单，也是效果最好的优化方法，把不重要的JS通通放到页面的最下面body的上面，实现异步加载，也就是等网页都加载完了，最后在加载这些不重要的JS，这样就不影响网页速度了。如低调与华丽模板中公共的util.js公共文件，默认效果为，浏览网页时会在网页中出现&回顶部、写评论&特效。现在把wumii（无觅插件JS）和jiathis（分享工具JS）统一整合到util.js文件中了。（不重要的JS都放到页面最底部了）当然，其他网站也需要这样做：把不重要的JS通通放到页面最底部。方法二：合并JS文件合并JS，也就是减少HTTP请求，少给服务器请求一次就加快一点速度，而合并两个原本独立的JS就需要点技术了，但这难不倒我们，告诉大家一个最简单的方法：不管三七二十一，先把A文件直接粘贴到B文件中，合并后删除网页中的A文件，如果网页运行正常，就OK；如果一些特效失效，那就还原，换C文件合并。总会有两个不冲突的JS文件的。例如我博客上的广告管家，有6个广告位，默认情况是要进行6次HTTP请求的，因为是第三方JS，一次请求最快要花234ms，而6次请求就就需要花2秒，也就是说因为这个广告管家打开网页就要额外增加2秒。（第二段JS就是把6个请求变成了1个）按照官方教程把JS合并后，6个广告位的广告请求合并为1次请求，大幅降低js请求次数，有效减少页面渲染被阻塞的情况，提升广告加载速度。方法三：给JS文件减肥咱不讨论什么三目运算符、减少对象查找、如何让JS简洁，咱就用&JS减肥工具&。通常这类工具会把JS文件中几百行的代码压缩成一行，使体积变小。推荐工具：因为空行等问题，有时候使用这类工具会使JS功能失效，而最简单的办法是用Dreamweaver，把压缩后的JS放入DW中，DW会自动提示你那里有误，把错误的地方另起一行，或还原回去即可。最后再给个网友的现身说法吧：当你的站点随着时间的推移慢慢地做大的时候，你就会发现很多问题出来的，其中一个就是越来越臃肿庞大，因此运行的速度也就会慢了下来。优化，尽力去优化站点，就变得非常重要了。这些方法都通俗易懂，希望对大家有用！相关阅读：顶: 2踩: 0 来源：，欢迎分享，（QQ/微信：）
1楼&& 11:10:57 小白一个，看了之后，还是不明白怎么弄顶: <ins data-digg="踩: <ins data-digg="
2楼&& 17:25:15 结果为了特效，硬是代码搞到50K顶: <ins data-digg="踩: <ins data-digg="
3楼&& 20:09:16 结果为了特效，硬是代码搞到50K顶: <ins data-digg="踩: <ins data-digg="
4楼&& 16:09:30 前两天做了网页，本来3K的，结果为了特效，硬是代码搞到50K，汗。。。顶: <ins data-digg="踩: <ins data-digg="
5楼&& 21:26:13 写得挺不错。要是能把JS瘦身工具也放出来更好了。顶: <ins data-digg="踩: <ins data-digg="
6楼&& 13:46:22 也不简单啊顶: <ins data-digg="踩: <ins data-digg="
7楼&& 13:45:53 好像也不简单啊顶: <ins data-digg="踩: <ins data-digg="
8楼&& 13:45:01 确实如此，精简代码还是很有必要的，看了之后还是很受用的。js代码减肥工具，可以满足很多人的需求额顶: <ins data-digg="踩: <ins data-digg="
9楼&& 17:31:13 1.合并代码冲突异常问维护改动难。2.减肥不是这样的，可以看下google压缩工具等3.body下何为有用文件--简单DOM未加载完与DOM结束后操作。顶: <ins data-digg="踩: <ins data-digg="
10楼&& 04:27:44 唉，JS挺让人头疼的百度到底收不收JS》？顶: <ins data-digg="踩: <ins data-digg="
11楼&& 16:06:24 嗯 很不错！！！顶: <ins data-digg="踩: <ins data-digg="
12楼&& 14:04:12 学习了，就是不会，怎么把JS放底部啊，又怎么合并JS?顶: <ins data-digg="踩: <ins data-digg="
13楼&& 22:44:46 是的，不过实际上有多少个广告就是请求多少次的顶: <ins data-digg="踩: <ins data-digg="
14楼&& 11:33:45 你的站怎么打不开了顶: <ins data-digg="踩: <ins data-digg="
15楼&& 11:31:25 这样就挺好。。顶: <ins data-digg="踩: <ins data-digg="
16楼&& 11:46:52 你天天搞编程，这些知识对你来说九牛一毛哈顶: <ins data-digg="踩: <ins data-digg="
17楼&& 17:36:43 虽然看的有点蒙。但是还是觉得可以回去试试看呢。呵呵顶: <ins data-digg="踩: <ins data-digg="
18楼&& 17:36:14 嘿嘿挺好的顶: <ins data-digg="踩: <ins data-digg="
19楼&& 11:28:35 谢谢！顶: <ins data-digg="踩: <ins data-digg="
20楼&& 21:13:00 /reed/362.html这个顶: <ins data-digg="踩: <ins data-digg="
21楼&& 13:29:47 可以调用顶: <ins data-digg="踩: <ins data-digg="
22楼&& 11:57:49 你这是什么字体顶: <ins data-digg="踩: <ins data-digg="
23楼&& 11:58:45 评论啦一旦用上，就很难放弃了。顶: <ins data-digg="踩: <ins data-digg="
24楼&& 10:57:54 你的博客去掉之后速度提升的也非常明显！顶: <ins data-digg="踩: <ins data-digg="
25楼&& 10:57:26 你的博客去掉之后速度提升的也非常明显！顶: <ins data-digg="踩: <ins data-digg="
26楼&& 09:53:39 多谢提醒，已修正顶: <ins data-digg="踩: <ins data-digg="
27楼&& 09:41:19 [F]Cool[/F]作为前排的一名孩纸，我表示完全没有压力。[F]Cool[/F]顶: <ins data-digg="踩: <ins data-digg="
28楼&& 09:42:06 通俗版的还是不错的顶: <ins data-digg="踩: <ins data-digg="
29楼&& 09:22:33 减少JS 真的可以加速打开首页顶: <ins data-digg="踩: <ins data-digg="
30楼&& 15:06:21 松松大哥说的太专业了，以后多多查看你的博客，在你的博客里可以学到好多知识顶: <ins data-digg="踩: <ins data-digg="
31楼&& 08:29:18 压缩JS和CSS文件最好用TBCompressor，这东西不错，会将内部变量名简化成a,b,c这种，删除所有换行和多余的空格，能大幅度减少JS和CSS大小。顶: <ins data-digg="踩: <ins data-digg="
32楼&& 23:09:58 有空按上面的去优化下，JS太多太乱了顶: <ins data-digg="踩: <ins data-digg="
33楼&& 12:07:52 对我们新手帮助很大啊 嘻嘻顶: <ins data-digg="踩: <ins data-digg="
34楼&& 15:08:38 网站建设包括网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。网站建设的前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研，这些确立后，再去注册域名、租用空间、网站风格设计、网站代码制作五个部分，这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。顶: <ins data-digg="踩: <ins data-digg="
35楼&& 18:01:26 如果是wordpress有插件是可以压缩所有js为一个js文件的，z-blog 不清楚有么有顶: <ins data-digg="踩: <ins data-digg="
36楼&& 10:44:17 这个我有点看不懂，哎，关于代码，我还得再研究研究顶: <ins data-digg="踩: <ins data-digg="
37楼&& 09:56:38 那要是网站在开发测试状态呢？总不能每次都把代码压缩一次吧？很矛盾啊！打算网站稳定了以后再去考虑js、css、背景图拼图压缩的问题。再就是你的手机版评论提交没问题吗？我用iphone 提交说我邮件地址有问题。顶: <ins data-digg="踩: <ins data-digg="
38楼&& 21:01:19 非常不错的blog，决定天天来 谢谢博主分享！顶: <ins data-digg="踩: <ins data-digg="
39楼&& 10:36:17 以前都没怎么注意过这个东西呢？顶: <ins data-digg="踩: <ins data-digg="
40楼&& 14:31:33 从前一直没有注意到这个东西顶: <ins data-digg="踩: <ins data-digg="
41楼&& 14:23:58 JS代码是做优化必须的。。www. 骆驼论文网 也在JS方面进行改进顶: <ins data-digg="踩: <ins data-digg="
42楼&& 14:11:42 好东西啊，谢博主分享顶: <ins data-digg="踩: <ins data-digg="
43楼&& 13:37:06 这个绝对是好东西，得好好研究一下顶: <ins data-digg="踩: <ins data-digg="
44楼&& 13:31:17 嗯，我把广告都做成JS了，速度确实快拉顶: <ins data-digg="踩: <ins data-digg="
45楼&& 10:20:35 不会写js 勉强看的懂 简单的js代码 做为一个站长这是必须的顶: <ins data-digg="踩: <ins data-digg="
46楼&& 09:04:04 我也来评论一下吧，JS优化做过了顶: <ins data-digg="踩: <ins data-digg="
47楼&& 11:07:22 唉，JS挺让人头疼的顶: <ins data-digg="踩: <ins data-digg="
48楼&& 15:10:14 支持你！顶: <ins data-digg="踩: <ins data-digg="
49楼&& 21:25:14 JS 是什么呀 ？顶: <ins data-digg="踩: <ins data-digg="
50楼&& 11:50:09 刻不容缓的学习啊 谢谢博主分享了。顶: <ins data-digg="踩: <ins data-digg="
51楼&& 09:29:45 这个东西好啊，学习了！顶: <ins data-digg="踩: <ins data-digg="
52楼&& 01:49:04 对JS代码不懂顶: <ins data-digg="踩: <ins data-digg="
53楼&& 18:44:20 哇，能做的事情还真不少顶: <ins data-digg="踩: <ins data-digg="
54楼&& 13:06:50 不怎么懂、、、、、、、、顶: <ins data-digg="踩: <ins data-digg="
55楼&& 10:05:45 不错，学习了，谢谢卢松松顶: <ins data-digg="踩: <ins data-digg="
56楼&& 09:38:16 难题简单化了顶: <ins data-digg="踩: <ins data-digg="
57楼&& 02:53:35 这个很重要，谢谢分享顶: <ins data-digg="踩: <ins data-digg="
58楼&& 00:35:04 这个讲得很好，期望有更多见解。JS还是多优化好，这东西强大又实用。顶: <ins data-digg="踩: <ins data-digg="
59楼&& 23:58:31 很简单啊顶: <ins data-digg="踩: <ins data-digg="
60楼&& 23:55:50 现在我的网站全站JS，以后不知道会不会变慢，Simple-????og博客程序顶: <ins data-digg="踩: <ins data-digg="
61楼&& 11:44:57 我比较懒，等到了网站卡的时候再来....呵呵呵顶: <ins data-digg="踩: <ins data-digg="
62楼&& 09:58:27 3P（PHP、ASP、JSP）都不懂 顶: <ins data-digg="踩: <ins data-digg="
63楼&& 09:57:45 可惜我不懂JSP...顶: <ins data-digg="踩: <ins data-digg="
64楼&& 00:25:36 要是有这方面的软件就好了，最好是免费的。嘿嘿。顶: <ins data-digg="踩: <ins data-digg="
65楼&& 23:45:43 瘦身啊！很不错，提高网站速度。顶: <ins data-digg="踩: <ins data-digg="
66楼&& 17:33:59 这个确实很影响速度的顶: <ins data-digg="踩: <ins data-digg="
67楼&& 16:09:37 这个还真没研究过，如果这么方便的话就太感谢了顶: <ins data-digg="踩: <ins data-digg="
68楼&& 14:03:23 话说卢大哥的博客，我打开几次，最终还是进来了。顶: <ins data-digg="踩: <ins data-digg="
69楼&& 14:01:41 又学到了几点优化技巧哦顶: <ins data-digg="踩: <ins data-digg="
70楼&& 14:01:14 博主对Js代码分析的好透彻。值得学习。谢谢顶: <ins data-digg="踩: <ins data-digg="
71楼&& 13:40:17 写的很好.什么时候也写点医院相关的呗.顶: <ins data-digg="踩: <ins data-digg="
72楼&& 13:35:46 JS优化，刻不容缓顶: <ins data-digg="踩: <ins data-digg="
73楼&& 12:25:13 非常的不错，很喜欢啊，但是还是不会操作顶: <ins data-digg="踩: <ins data-digg="
74楼&& 11:19:09 我使用的JS文件一般都不大顶: <ins data-digg="踩: <ins data-digg="
75楼&& 11:04:58 JS是很影响加载速度的。。。。。。顶: <ins data-digg="踩: <ins data-digg="
76楼&& 10:59:21
学习了 我的博客也是载入较慢 顶: <ins data-digg="踩: <ins data-digg="
77楼&& 09:40:16 给网站减肥让网站的打开速度更快 是提高用户体验一个很重要的方面顶: <ins data-digg="踩: <ins data-digg="
78楼&& 09:40:13 感觉网站流量一多起来，怎么都觉得卡。顶: <ins data-digg="踩: <ins data-digg="
79楼&& 09:32:22 对JS真的是一点都搞不懂 - - 什么合并啊 啥的都不知道怎么操作！ 悲催！顶: <ins data-digg="踩: <ins data-digg="
80楼&& 09:32:08 目前js代码太多 有了这个节省不少加载时间顶: <ins data-digg="踩: <ins data-digg="
81楼&& 09:21:18 貌似很不错，适合用顶: <ins data-digg="踩: <ins data-digg="
82楼&& 09:01:50 我这个网站的代码就比较多，希望有空优化下，减减肥，希望吗对www.tzhai.net这个网站的排名有点作用，有时觉的企业站代码臃肿点反而表现比较好。。。顶: <ins data-digg="踩: <ins data-digg="
83楼&& 08:43:45 说的太好了、JS代码优化很重要哦顶: <ins data-digg="踩: <ins data-digg="
84楼&& 01:30:39
js伤不起！！！！！！！影响缓存！！顶: <ins data-digg="踩: <ins data-digg="
85楼&& 01:03:28 确实挺通俗，我这样的也能看懂，哈哈顶: <ins data-digg="踩: <ins data-digg="
86楼&& 00:52:36 我感觉好像都是页面加载完才执行js的顶: <ins data-digg="踩: <ins data-digg="
87楼&& 00:35:29 好好学习一下了啊！！顶: <ins data-digg="踩: <ins data-digg="
88楼&& 22:44:45 代码还一窍不通，还有很多要学的地方呀顶: <ins data-digg="踩: <ins data-digg="
89楼&& 22:41:30 还不错，可以学到很多东西顶: <ins data-digg="踩: <ins data-digg="
90楼&& 22:40:56 嗯，这个东西要好好了解下顶: <ins data-digg="踩: <ins data-digg="
91楼&& 22:34:57 我把所有的js广告都用iframe来载入不知对网站的seo有没有影响？？顶: <ins data-digg="踩: <ins data-digg="
92楼&& 22:10:37 只要不影响效果我全放底部顶: <ins data-digg="踩: <ins data-digg="
93楼&& 22:08:16 放底部吧。一般都是顶: <ins data-digg="踩: <ins data-digg="
94楼&& 21:53:11 谢谢，试着去尝试下顶: <ins data-digg="踩: <ins data-digg="
95楼&& 20:56:12 广告管家不是可以生成一个JS的吗？顶: <ins data-digg="踩: <ins data-digg="
95楼&& 22:44:46 是的，不过实际上有多少个广告就是请求多少次的顶: <ins data-digg="踩: <ins data-digg="
96楼&& 20:00:40 恩，确实不错，这样能够快好多呢，还有就是图片问题，我那个70%都是图片搞大容量的顶: <ins data-digg="踩: <ins data-digg="
97楼&& 19:08:25 无觅的JS确实伤不起，我之前用了，国外的主机根本带不起。尽量减少JS对访问速度的作用太大了顶: <ins data-digg="踩: <ins data-digg="
98楼&& 18:50:43 初学建站，还没考虑到优化呢呵呵！顶: <ins data-digg="踩: <ins data-digg="
99楼&& 18:47:56 博客都没几个人来，优化做什么？顶: <ins data-digg="踩: <ins data-digg="
100楼&& 18:45:00 尽量减少使用最好的了！！！顶: <ins data-digg="踩: <ins data-digg="
101楼&& 18:24:04 技术不懂的飘过，继续拜读其余的！顶: <ins data-digg="踩: <ins data-digg="
102楼&& 18:22:47 ok 百度代码优化成功 把js调用直接全拖到网页代码最后面 vps开启gzip 压缩率70%多 网站立刻流畅很多[F]Grimace[/F]顶: <ins data-digg="踩: <ins data-digg="
103楼&& 17:59:19 百度到底收不收JS》？顶: <ins data-digg="踩: <ins data-digg="
104楼&& 17:58:26 很实用。顶: <ins data-digg="踩: <ins data-digg="
105楼&& 17:40:26 js还是很少了解顶: <ins data-digg="踩: <ins data-digg="
106楼&& 17:30:40 JS代码不能太多了影响速度顶: <ins data-digg="踩: <ins data-digg="
107楼&& 17:28:55 优化了js很重要，能加快打开速度，我的站大概打开2秒以内！顶: <ins data-digg="踩: <ins data-digg="
108楼&& 17:03:14 我就感觉今天进你站好快了。呵呵顶: <ins data-digg="踩: <ins data-digg="
109楼&& 17:00:49 很实用的方法，之前也有注意到这方面！顶: <ins data-digg="踩: <ins data-digg="
110楼&& 15:57:08 卢松松的博文都怎么赞！顶: <ins data-digg="踩: <ins data-digg="
111楼&& 15:34:08 js代码必须优化才行，不然对于网站的性能有很大影响顶: <ins data-digg="踩: <ins data-digg="
112楼&& 15:22:02 我一般喜欢放在最底部顶: <ins data-digg="踩: <ins data-digg="
113楼&& 14:55:49 确实影响速度，wordpress3.3rc1版今天（12月1号）出来了，不知试了没顶: <ins data-digg="踩: <ins data-digg="
114楼&& 14:49:42 js文件多了，确实很烦恼。而大多数网页的效果又非js不可，得好好优化才好顶: <ins data-digg="踩: <ins data-digg="
115楼&& 14:43:38 还不太懂优化JS顶: <ins data-digg="踩: <ins data-digg="
116楼&& 14:43:05 其实我不是很明白的，看了之后还是不太懂顶: <ins data-digg="踩: <ins data-digg="
117楼&& 14:42:18 加多了是不是影响速度呢顶: <ins data-digg="踩: <ins data-digg="
118楼&& 14:00:06 JS代码不能太多了，不让网站打开速度的会很慢顶: <ins data-digg="踩: <ins data-digg="
119楼&& 13:58:40 JS 越来越强了啊！顶: <ins data-digg="踩: <ins data-digg="
120楼&& 13:35:56 JS代码多了，网站打开速度的确会慢顶: <ins data-digg="踩: <ins data-digg="
121楼&& 13:13:37 对代码稍微了解下 呵呵顶: <ins data-digg="踩: <ins data-digg="
122楼&& 13:05:56 不太能看懂js顶: <ins data-digg="踩: <ins data-digg="
123楼&& 12:50:36 JS代码是不是最好用调用的方式 要是直接写在页面里 是不是对SEO不好啊顶: <ins data-digg="踩: <ins data-digg="
124楼&& 12:49:10 对JS代码不懂，每次弄都要小心再小心呀。顶: <ins data-digg="踩: <ins data-digg="
125楼&& 12:44:50 写得挺好的，我也看得懂顶: <ins data-digg="踩: <ins data-digg="
126楼&& 12:43:40 没错，JS确实已经成为拖慢网速的一大缘由顶: <ins data-digg="踩: <ins data-digg="
127楼&& 12:34:00 做技术优化方面进来学习多好啊。。顶: <ins data-digg="踩: <ins data-digg="
128楼&& 12:31:08 这个真的是学习了，从来没做个JS优化顶: <ins data-digg="踩: <ins data-digg="
129楼&& 12:05:44 只是不明白，为什么大家在做模板的时候不把JS都放在页脚呢？顶: <ins data-digg="踩: <ins data-digg="
130楼&& 11:38:45 对于大型网站 很有必要的顶: <ins data-digg="踩: <ins data-digg="
131楼&& 11:35:48 在下表示，JS不是我这个粗人能懂的。。。顶: <ins data-digg="踩: <ins data-digg="
132楼&& 11:24:51 这样的话，打开速度就是提高了很多！顶: <ins data-digg="踩: <ins data-digg="
133楼&& 11:18:34 看来网站尽量优化js了。顶: <ins data-digg="踩: <ins data-digg="
134楼&& 11:02:49 不懂代码的孩子伤不起啊顶: <ins data-digg="踩: <ins data-digg="
135楼&& 10:48:48 我js不会，但是很想尝试呢！顶: <ins data-digg="踩: <ins data-digg="
136楼&& 10:29:42 我基本都是html做，js很少用顶: <ins data-digg="踩: <ins data-digg="
137楼&& 10:09:26 看了一下我的wp源码 发现把几个广告之类的js放顶部了 现在全部放到底部 头部么有JS了 感觉快一些了 感谢松哥顶: <ins data-digg="踩: <ins data-digg="
137楼&& 11:33:45 你的站怎么打不开了顶: <ins data-digg="踩: <ins data-digg="
137楼&& 11:31:25 这样就挺好。。顶: <ins data-digg="踩: <ins data-digg="
138楼&& 09:57:52 又学到一点知识，可惜不是很懂。顶: <ins data-digg="踩: <ins data-digg="
139楼&& 09:52:44 看来我也得优化一下了..每次加载都停顿！wumii的却是需要优化！顶: <ins data-digg="踩: <ins data-digg="
140楼&& 09:51:56 把不重要的JS放在页面最底部，这个还是没看明白顶: <ins data-digg="踩: <ins data-digg="
141楼&& 09:45:24 支持一下。确实，很多放在头部。这几招很实用啊顶: <ins data-digg="踩: <ins data-digg="
142楼&& 09:31:47 松松这招确实很实用 支持顶: <ins data-digg="踩: <ins data-digg="
143楼&& 09:26:49 通俗无所谓，实用就好！顶: <ins data-digg="踩: <ins data-digg="
144楼&& 09:16:42 通俗版依然看了个一知半解，我好笨啊顶: <ins data-digg="踩: <ins data-digg="
145楼&& 08:53:18 这篇文章对我们瘦身网页，提高速度还是很有帮助的。但不懂技术的如果盲目弄的话还是有一定风险的，大家修改的时候细心些吧。顶: <ins data-digg="踩: <ins data-digg="
145楼&& 11:46:52 你天天搞编程，这些知识对你来说九牛一毛哈顶: <ins data-digg="踩: <ins data-digg="
146楼&& 08:42:51 卢兄的网站确实比以前快多了。以前经常死慢死慢的，有时还打不开。顶: <ins data-digg="踩: <ins data-digg="
147楼&& 08:40:35 需要了解下，谢谢博主分享。。顶: <ins data-digg="踩: <ins data-digg="
148楼&& 07:57:52 提高用户 访问速度，太慢了，来访者是会减少的！顶: <ins data-digg="踩: <ins data-digg="
149楼&& 00:05:42 看的懂些，只是不会改代码。顶: <ins data-digg="踩: <ins data-digg="
150楼&& 00:03:55 留个言 ，松松老师分享都是干货，我新作的一个博客希望老师多批评指点!缺少人气哇……暂时还没想推广，今天就先到松松老师博客留个AD来着！顶: <ins data-digg="踩: <ins data-digg="
151楼&& 23:39:09 广告都是JS，加载比较慢，放后面适合顶: <ins data-digg="踩: <ins data-digg="
152楼&& 23:36:26 博主的博客还是这么犀利顶: <ins data-digg="踩: <ins data-digg="
153楼&& 23:26:51 这么多评论，，，估计肯定不会理我了，。。。随便看看顶: <ins data-digg="踩: <ins data-digg="
154楼&& 23:06:45 对JS代码不是很懂 看来是要学习代码了顶: <ins data-digg="踩: <ins data-digg="
155楼&& 23:01:00 是的，js让网站加载速度变慢了，这个对于搜索引擎优化也是不够好的顶: <ins data-digg="踩: <ins data-digg="
156楼&& 22:45:31 嘿嘿······支持一个·············顶: <ins data-digg="踩: <ins data-digg="
157楼&& 22:43:05 还没学懂，还要继续学哟顶: <ins data-digg="踩: <ins data-digg="
158楼&& 22:35:13 JS广告代码还是很常用的，谢谢分享！顶: <ins data-digg="踩: <ins data-digg="
159楼&& 22:19:36 百度统计的SEO建议就是要整合和优化JS，也是很重要的说。顶: <ins data-digg="踩: <ins data-digg="
160楼&& 22:13:44 呵呵，又来学习了顶: <ins data-digg="踩: <ins data-digg="
161楼&& 22:02:28 js我基本都放在最后位置，最后加载确实效果好顶: <ins data-digg="踩: <ins data-digg="
162楼&& 21:58:12 博主把一个难题讲的很简单，谢谢顶: <ins data-digg="踩: <ins data-digg="
163楼&& 21:41:40 这个必须顶顶: <ins data-digg="踩: <ins data-digg="
164楼&& 21:34:34 我对代码是一窍不通，怎么办呢？顶: <ins data-digg="踩: <ins data-digg="
165楼&& 21:28:58 学习了，但是我加载了JQuery，6、70KB啊。顶: <ins data-digg="踩: <ins data-digg="
166楼&& 21:24:53 感觉松松的博客越来越像IT博客了，希望此类内容还是能少一点，这些留给那些程序员们去折腾吧顶: <ins data-digg="踩: <ins data-digg="
167楼&& 21:23:44 对这方面还不是太了解顶: <ins data-digg="踩: <ins data-digg="
168楼&& 21:23:29 网站的速度的确与用户体验关系甚密！！！！顶: <ins data-digg="踩: <ins data-digg="
169楼&& 20:51:34 无论原页面大小，都要优化下了，毕竟越快越好的啊！也尝试给JS减肥啦，谢谢松松分享！顶: <ins data-digg="踩: <ins data-digg="
170楼&& 20:39:05 压缩跟合并的方法是很不错的建议。顶: <ins data-digg="踩: <ins data-digg="
171楼&& 20:15:19 松松的网站访问速度很快啊。顶: <ins data-digg="踩: <ins data-digg="
172楼&& 19:56:55 其实，优化JS也好，CSS也好，我觉得先从代码优化起，比如CSS有很多通用属性可以通过 class 来实现‘共用’；然后在JS方面的话，在不冲突的情况下尽可能写到同一个文件里，接着用CSS压缩工具把代码多余的空行、空格去掉，最后再用 谷歌的Minify程序实现压缩再输出，如果这样都觉得还不满意，那就再开启 GZIP 压缩。还有就是设置缓存，用户再次访问时不用再请求网站的CSS、JS，而是调用本地电脑的缓存就可以省一点流量资源。顶: <ins data-digg="踩: <ins data-digg="
173楼&& 19:55:58 嗯，我用过测速工具看过，我的JS也很要紧，JS拖慢速度。图片得用切片技术，还有合并压缩CSS，这些都要做的顶: <ins data-digg="踩: <ins data-digg="
174楼&& 19:30:31 不太懂优化JS代码呢，学习了。没有用过这个JS代码调用呢 顶: <ins data-digg="踩: <ins data-digg="
175楼&& 19:26:57 不懂代码的飘过~~~不过我知道了js最好放代码底部顶: <ins data-digg="踩: <ins data-digg="
176楼&& 19:12:00 js代码，要是可以全部放在底部就好了，应该可以通过css来控制的。顶: <ins data-digg="踩: <ins data-digg="
177楼&& 18:55:26 难呀，现在的JS越来越难学了，想学了。顶: <ins data-digg="踩: <ins data-digg="
178楼&& 18:30:05 代码很重要需要不断优化顶: <ins data-digg="踩: <ins data-digg="
179楼&& 18:14:25 你好,我是王宝臣,很高兴认识你.头部前200个字符位置很重要,往往一些文本内部调用的js都会出现在头部,这样就会降低搜索引擎对于前200个字符的抓取.另外就像本文说的量大的话会降低打开速度.并且这种形式有很多都不兼容w3c认证.有必要处理一下顶: <ins data-digg="踩: <ins data-digg="
180楼&& 17:49:46 js是很影响速度顶: <ins data-digg="踩: <ins data-digg="
181楼&& 17:42:35 通俗版比理论版技术版好多了.顶: <ins data-digg="踩: <ins data-digg="
182楼&& 17:40:27 百度那个我也在用，确实感觉有效果顶: <ins data-digg="踩: <ins data-digg="
183楼&& 17:32:02 虽然看的有点蒙。但是还是觉得可以回去试试看呢。呵呵顶: <ins data-digg="踩: <ins data-digg="
183楼&& 17:36:43 虽然看的有点蒙。但是还是觉得可以回去试试看呢。呵呵顶: <ins data-digg="踩: <ins data-digg="
183楼&& 17:36:14 嘿嘿挺好的顶: <ins data-digg="踩: <ins data-digg="
184楼&& 17:31:36 卢松松，你好啊，请问第一步中检测网页大小的是什么工具啊顶: <ins data-digg="踩: <ins data-digg="
184楼&& 11:28:35 谢谢！顶: <ins data-digg="踩: <ins data-digg="
184楼&& 21:13:00 /reed/362.html这个顶: <ins data-digg="踩: <ins data-digg="
185楼&& 17:31:09 第三方js尽量少。顶: <ins data-digg="踩: <ins data-digg="
186楼&& 17:28:31 目前很多js代码特别是齐博程序那是相当的多。我今天就在考虑这个问题.松哥就写出来了.松哥真是好样的.顶: <ins data-digg="踩: <ins data-digg="
187楼&& 17:21:39 另外我感觉你的评论框有些BUG。输入昵称、邮箱、网址的时候，点击输入框输入内容，会延长很多秒才有反应。当写好评论提交还会提示邮箱格式不对（事实是对的）、、、顶: <ins data-digg="踩: <ins data-digg="
188楼&& 17:19:54 我的网站首页也存有非常多的JS，看来也需要做个清理了顶: <ins data-digg="踩: <ins data-digg="
189楼&& 17:15:23 很实用的方法啊,谢谢分享哦顶: <ins data-digg="踩: <ins data-digg="
190楼&& 17:14:49 js都没怎么接触过，学习~！顶: <ins data-digg="踩: <ins data-digg="
191楼&& 17:13:59 谢谢分享，支持。经常浏览受益匪浅.欢迎来火蓉儿博客做客。顶: <ins data-digg="踩: <ins data-digg="
192楼&& 17:02:41 JS文件需要载入时间，速度跟不上。顶: <ins data-digg="踩: <ins data-digg="
193楼&& 16:48:58 看来，是该给页面减减肥了。松哥的方法是把复杂的工作简单化。顶: <ins data-digg="踩: <ins data-digg="
194楼&& 16:23:43 JS代码是可以优化的 我都是乱放的 速度还算的过去吧顶: <ins data-digg="踩: <ins data-digg="
195楼&& 16:11:26 通俗易懂，谢谢分享！顶: <ins data-digg="踩: <ins data-digg="
196楼&& 16:09:32 我也去优化下是该行动了。顶: <ins data-digg="踩: <ins data-digg="
197楼&& 15:59:10 松松的分析很清晰明了，每次看完就都能有个清楚的思路，很受用。顶: <ins data-digg="踩: <ins data-digg="
198楼&& 15:46:20 还以为是我这边显示问题，刷新了几下，发现头像显示取消了哈顶: <ins data-digg="踩: <ins data-digg="
199楼&& 15:41:30 优化这个JS代码是没有止境的，我的网站就是因为一致折腾，换主题，换空间，搞得好好的流量，好好的固定用户现在都跑了，所以说折腾害死人啊，等你的网站做好了，花钱请人一次性弄好，又方便又省事。顶: <ins data-digg="踩: <ins data-digg="
200楼&& 15:36:08 我表示，我只能膜拜。。。顶: <ins data-digg="踩: <ins data-digg="
201楼&& 15:36:03
百度统计里的速度检测经常看到一些js速度很慢，是时候倒腾以下了。顶: <ins data-digg="踩: <ins data-digg="
202楼&& 15:34:17 js确实是需要优化了，现在很多功能都是通过js实现，有些网站用的都泛滥了，打开超慢顶: <ins data-digg="踩: <ins data-digg="
203楼&& 15:26:54 虽然不懂js也学习一下顶: <ins data-digg="踩: <ins data-digg="
204楼&& 15:24:22 学习了 谢谢卢松松分享 合并js这个很实用顶: <ins data-digg="踩: <ins data-digg="
205楼&& 15:23:33 就是需要通俗版的，太高深的也看不懂顶: <ins data-digg="踩: <ins data-digg="
206楼&& 15:14:01 js代码优化过来学学顶: <ins data-digg="踩: <ins data-digg="
207楼&& 15:11:48 我的每篇文章源代码是否适合“JS减肥工具”。顶: <ins data-digg="踩: <ins data-digg="
208楼&& 15:07:23 js代码优化后可以提高网页的打开速度，不错顶: <ins data-digg="踩: <ins data-digg="
209楼&& 14:59:03 呵呵！是的！顶: <ins data-digg="踩: <ins data-digg="
210楼&& 14:38:58 不懂JS的菜鸟飘过~顶: <ins data-digg="踩: <ins data-digg="
211楼&& 14:32:34 松哥可是js高手呀顶: <ins data-digg="踩: <ins data-digg="
212楼&& 14:21:07 网站上还是尽量少用js好顶: <ins data-digg="踩: <ins data-digg="
213楼&& 14:16:14 支持放底部顶: <ins data-digg="踩: <ins data-digg="
214楼&& 14:07:54 对之方面不懂，还真得学习一下喽！谢谢！分享顶: <ins data-digg="踩: <ins data-digg="
215楼&& 14:05:16 JS表示还不懂啊顶: <ins data-digg="踩: <ins data-digg="
216楼&& 13:55:01 最后一个好！！呵呵顶: <ins data-digg="踩: <ins data-digg="
217楼&& 13:45:49 很多效果都需要用JS来实现。有时候为了减少JS，能不用的效果就尽量不用了。顶: <ins data-digg="踩: <ins data-digg="
218楼&& 13:38:08 但是我们也要注意用户体验，呵呵 所以有时候还是需要JS的撒 比如松哥博客的那个回顶部和写评论 对吧顶: <ins data-digg="踩: <ins data-digg="
219楼&& 13:37:34 呵呵，客服代码就比较拖网速顶: <ins data-digg="踩: <ins data-digg="
220楼&& 13:27:17 可不可以调用呢?比如CSS一样的，放在另一个页面，然后调用过来，这样的话，代码应该就只有几K了。会不会快点？顶: <ins data-digg="踩: <ins data-digg="
220楼&& 13:29:47 可以调用顶: <ins data-digg="踩: <ins data-digg="
221楼&& 13:25:34 恨透了这个东西了顶: <ins data-digg="踩: <ins data-digg="
222楼&& 13:22:07 是啊 现在搜索引擎越智能了 js优化是趋势！顶: <ins data-digg="踩: <ins data-digg="
223楼&& 13:20:24 对代码不是很懂，看个大概，学习一下。顶: <ins data-digg="踩: <ins data-digg="
224楼&& 13:18:28 松哥更新很准时啊！刚过9点来过，没看到更新，现在过来，已经70多楼了……顶: <ins data-digg="踩: <ins data-digg="
225楼&& 13:15:25 这个好，以前不懂的时候，瞎改，导致网站错误，有些崩溃。顶: <ins data-digg="踩: <ins data-digg="
226楼&& 13:07:34 不过我看懂了一半由 卢松松 于
13:17:37 最后编辑顶: <ins data-digg="踩: <ins data-digg="
227楼&& 12:57:51 来支持 暂时影响不明显顶: <ins data-digg="踩: <ins data-digg="
228楼&& 12:55:45 很有用的技术性文章，我要试试~~顶: <ins data-digg="踩: <ins data-digg="
229楼&& 12:53:39 说起代码就有些头疼顶: <ins data-digg="踩: <ins data-digg="
230楼&& 12:53:01 JS的确很恼火，现在都最求web2.0了，网页的特效、用户体验、外部流量统计、广告JS这些都太多了，是该给网站JS做一下优化了。顶: <ins data-digg="踩: <ins data-digg="
231楼&& 12:50:29 像我这样人很少去的博客，也无所谓了顶: <ins data-digg="踩: <ins data-digg="
232楼&& 12:49:15 终于能进沙发50了，来了，就给你带点收益，点点广告，呵呵顶: <ins data-digg="踩: <ins data-digg="
233楼&& 12:43:51 js代码的优化确实有必要，尽量减少js从而增加网站的夹在速度，这样对用户和搜索引擎都有好处。顶: <ins data-digg="踩: <ins data-digg="
234楼&& 12:43:38 经验之谈，学习了顶: <ins data-digg="踩: <ins data-digg="
235楼&& 12:40:17 这个代码对我来说很有价值。谢谢博主。试试。顶: <ins data-digg="踩: <ins data-digg="
236楼&& 12:36:16 现在怕了，不敢随便修改东西/[F]Haha[/F]顶: <ins data-digg="踩: <ins data-digg="
237楼&& 12:24:06 “把wumii（无觅插件JS）和jiathis（分享工具JS）统一整合到util.js文件中了”这个目的是否只是让它们在页尾加载，而不算是合并JS，也不能减少请求吧？顶: <ins data-digg="踩: <ins data-digg="
238楼&& 12:09:20 我就说放学来留言的，还好赶上咯！顶: <ins data-digg="踩: <ins data-digg="
239楼&& 12:09:14 恩 JS很卡速度的顶: <ins data-digg="踩: <ins data-digg="
240楼&& 11:39:10 不错，学习了。顶: <ins data-digg="踩: <ins data-digg="
241楼&& 11:31:32 这个很不错.学习下了!顶: <ins data-digg="踩: <ins data-digg="
242楼&& 11:31:15 最?后?载?入?～～～～ 感?觉?这?样?比?较?好?吧?顶: <ins data-digg="踩: <ins data-digg="
242楼&& 11:57:49 你这是什么字体顶: <ins data-digg="踩: <ins data-digg="
243楼&& 11:24:26 网页减肥，减少冗余可以加快速度顶: <ins data-digg="踩: <ins data-digg="
244楼&& 11:23:16 恩，减少不必要的代码收录顶: <ins data-digg="踩: <ins data-digg="
245楼&& 11:22:25 JS有时还是搞不清，加上这些就会麻烦事不少。尽量不用就不用JS。顶: <ins data-digg="踩: <ins data-digg="
246楼&& 11:20:21 呵呵，不是很懂，但还是支持下。顶: <ins data-digg="踩: <ins data-digg="
247楼&& 11:18:46 对JS代码不是很懂，希望博主能教下，期待回访哦！顶: <ins data-digg="踩: <ins data-digg="
248楼&& 11:18:44 另外还有一点，外部的js，比如的js和的js，这种能不能合并，即使合并了是不是还要得调用2次顶: <ins data-digg="踩: <ins data-digg="
249楼&& 11:17:01 对于不懂JAVA程序的人还是少用js顶: <ins data-digg="踩: <ins data-digg="
250楼&& 11:15:45 最常用的JS优化办法很实用嘿嘿学习了。顶: <ins data-digg="踩: <ins data-digg="
251楼&& 11:05:56 这个确实重要顶: <ins data-digg="踩: <ins data-digg="
252楼&& 11:03:33 不错的啊 js太多的话，对优化也是不有好的顶: <ins data-digg="踩: <ins data-digg="
253楼&& 10:58:34 我说下我的看法。一般来说只要启用网站压缩，6,700k的页面可以被压缩到100-200k，而大多数浏览器都支持解压缩。而最大影响速度的因素就是外部请求数，调用的外部js越多越影响速度。我的网站现在调用了4个外部js，分别是评论啦，还有2个评论啦widget，还有无觅，总觉得的确是影响速度，但是无觅可以不用评论啦却不能顶: <ins data-digg="踩: <ins data-digg="
253楼&& 11:58:45 评论啦一旦用上，就很难放弃了。顶: <ins data-digg="踩: <ins data-digg="
254楼&& 10:57:14 确实有用，在实际开发中，我们也是这种原则。顶: <ins data-digg="踩: <ins data-digg="
255楼&& 10:54:23 每次来都有新收获顶: <ins data-digg="踩: <ins data-digg="
256楼&& 10:51:45 不懂代码，不过我网站的访问速度很慢，怀疑是跟使用国外的主机有关顶: <ins data-digg="踩: <ins data-digg="
257楼&& 10:48:33 经验之谈，学习了！顶: <ins data-digg="踩: <ins data-digg="
258楼&& 10:47:12 坐等，没有等到沙发，就那么小忙一会，就过了顶: <ins data-digg="踩: <ins data-digg="
259楼&& 10:46:58 优化，不错的。。。顶: <ins data-digg="踩: <ins data-digg="
260楼&& 10:45:32 我看，最好还是懂JS代码比较好~哈哈顶: <ins data-digg="踩: <ins data-digg="
261楼&& 10:45:23 有些事情每个人都去做总有个会做的更好，希望松哥升级模板啦 顶: <ins data-digg="踩: <ins data-digg="
262楼&& 10:44:33 这个以前一点也不明白，好文章学习了顶: <ins data-digg="踩: <ins data-digg="
263楼&& 10:43:08 我的速度也挺慢的，纠结了几回我也还是去掉了评论头像了，之前反复的去掉又恢复，还是有朋友反应头像加载速度较慢，所以还是去掉的好。我也要把一些JS合并下了。顶: <ins data-digg="踩: <ins data-digg="
263楼&& 10:57:54 你的博客去掉之后速度提升的也非常明显！顶: <ins data-digg="踩: <ins data-digg="
263楼&& 10:57:26 你的博客去掉之后速度提升的也非常明显！顶: <ins data-digg="踩: <ins data-digg="
264楼&& 10:40:36 js都没怎么接触过顶: <ins data-digg="踩: <ins data-digg="
265楼&& 10:40:18 学习了顶: <ins data-digg="踩: <ins data-digg="
266楼&& 10:38:42 试过了，很管用 ，谢谢松哥了顶: <ins data-digg="踩: <ins data-digg="
267楼&& 10:35:53 可以提速 嘻嘻 试试去了顶: <ins data-digg="踩: <ins data-digg="
268楼&& 10:35:33 还真的是不好懂！顶: <ins data-digg="踩: <ins data-digg="
269楼&& 10:35:15 用户体验是网站的根本！这篇文章是精华啊！顶: <ins data-digg="踩: <ins data-digg="
270楼&& 10:35:04 刚把js放到下面去了 貌似快了点 可能是js少的原因吧 感觉变化不是太大顶: <ins data-digg="踩: <ins data-digg="
271楼&& 10:32:13 网页打开速度非常重要~顶: <ins data-digg="踩: <ins data-digg="
272楼&& 10:31:41 JS代码优化真是我想学习了解的。顶: <ins data-digg="踩: <ins data-digg="
273楼&& 10:31:02 松松的博客打开有点慢啊~顶: <ins data-digg="踩: <ins data-digg="
274楼&& 10:29:30 网页打开速度快慢影响用户心情，优化JS是必要。顶: <ins data-digg="踩: <ins data-digg="
275楼&& 10:27:17 又来晚啦。沙发就没了。顶: <ins data-digg="踩: <ins data-digg="
276楼&& 10:26:08 用的JS文件越多，打开速度越慢顶: <ins data-digg="踩: <ins data-digg="
277楼&& 10:24:38 js外调 就好了哦 jquery 的代码更简洁！顶: <ins data-digg="踩: <ins data-digg="
278楼&& 10:21:01 代码略懂！不发言，支持一下！顶: <ins data-digg="踩: <ins data-digg="
279楼&& 10:20:29 这个得慢慢消化，看了三遍了，还不是很明白！顶: <ins data-digg="踩: <ins data-digg="
280楼&& 10:12:11 但是每次打开松松的博客感觉还是很慢。如果能换个快的网速好像上面的问题都能解决。顶: <ins data-digg="踩: <ins data-digg="
281楼&& 10:10:37 最近我也来尝试优化下。网页打开速度非常重要~顶: <ins data-digg="踩: <ins data-digg="
282楼&& 10:07:54 看来最后一个最适合我了，傻瓜式，操作简便！顶: <ins data-digg="踩: <ins data-digg="
283楼&& 09:56:43 我最近也发现这个问题了，到时候也好好整整！顶: <ins data-digg="踩: <ins data-digg="
284楼&& 09:54:49 马上去整合一下 我的也都是放在头部顶: <ins data-digg="踩: <ins data-digg="
285楼&& 09:53:18 简单易操作的方法顶: <ins data-digg="踩: <ins data-digg="
286楼&& 09:52:36 按你的方法去整理下我的站点喽顶: <ins data-digg="踩: <ins data-digg="
287楼&& 09:52:06 我也该给我的站点减减肥了顶: <ins data-digg="踩: <ins data-digg="
288楼&& 09:51:34 因此运行的速度也就会满了下来。应该是慢了下来吧。呵呵顶: <ins data-digg="踩: <ins data-digg="
288楼&& 09:53:39 多谢提醒，已修正顶: <ins data-digg="踩: <ins data-digg="
289楼&& 09:50:00 js过多在一定程度上还是影响网页打开速度的 顶: <ins data-digg="踩: <ins data-digg="
290楼&& 09:49:10 js优化还没操作过 个人觉得js代码一定不要太多顶: <ins data-digg="踩: <ins data-digg="
291楼&& 09:48:32 有些事情每个人都去做总有个会做的更好，希望松哥升级模板啦 顶: <ins data-digg="踩: <ins data-digg="
292楼&& 09:47:22 非常重要的代码啊！学习啦！顶: <ins data-digg="踩: <ins data-digg="
293楼&& 09:46:02 强势入驻前十！先抢楼，再细读！顶: <ins data-digg="踩: <ins data-digg="
294楼&& 09:40:32 JS放多了影响优化吧顶: <ins data-digg="踩: <ins data-digg="
294楼&& 09:41:19 [F]Cool[/F]作为前排的一名孩纸，我表示完全没有压力。[F]Cool[/F]顶: <ins data-digg="踩: <ins data-digg="
295楼&& 09:39:42 确实是不错的方法，不过一般的访问量不大的话也影响不多少，像松哥这么高的流量，优化JS是势在必行了。顶: <ins data-digg="踩: <ins data-digg="
296楼&& 09:39:20 第一次距离楼猪这么近....顶: <ins data-digg="踩: <ins data-digg="
297楼&& 09:39:11 支持放底部的哦~顶: <ins data-digg="踩: <ins data-digg="
298楼&& 09:38:37 对JS代码不懂，怕合并会出错啥的啊顶: <ins data-digg="踩: <ins data-digg="
299楼&& 09:37:29 呵呵，等了一早上了，还是没坐上沙发啊顶: <ins data-digg="踩: <ins data-digg="
300楼&& 09:37:24 很多都是放头部，没有合并，是要整理下，加快打开速度！顶: <ins data-digg="踩: <ins data-digg="
301楼&& 09:33:23 现在好多广告代码基本都JS载入的，放底部肯定是最好的，最后载入。不影响页面顶: <ins data-digg="踩: <ins data-digg="
相关文章阅读更多：&&&&
(window.slotbydup=window.slotbydup || []).push({
id: '2398769',
container: s,
size: '300,250',
display: 'inlay-fix'
点赞最多 31502445139110861046923
最近活动 新品上线攻略}