语源科技BlogJava-软件世界园

【前端优化】通过六种方法提高网站访问速度

javaword — Wed, 31 Dec 2014 09:27:00 GMT

1.把你的 .js 库文件地址替换成 Google CDN的地址 ::

(google apis目前在中国地区访问不是很稳定，不是很建议使用这条。)

随着 jquery 和 mootools 等js库的使用需要加载的.js文件越来越多也越来越大，通常传统的网站是上传到网站本身的目录。但对于一个接近70多KB的jquery.js体积确实不利于网站响应速度的提升，此时就应该使用Google API .

把你的 http://www.cnblogs.com/jquery.x.x.js 替换为 http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js的意义在于当一个用户访问过使用 google api 的网站之后，再次访问其他调用了该api地址的网站就不需要再次加载该文件了。从而达到提速的目的。

不单是jquery库，其他诸如mootools yui 也可以使用这种方式。
推荐一个网站 ( http://scriptsrc.net/ ) 这个网站收集Google 提供的 js API路径。直接点击复制就可以获取到最新版的文件路径。

2.精简和优化你的 js 和 CSS ::

虽然有了缓存和gzip保驾护航，但是对于 js 和 css 的优化却也是必须的。我们写的javascript脚本和 css 代码都是经过缩进和换行的，适合人类阅读，但是浏览器执行这些脚本不并需要这些无意义的空格和换行。所以我们应该去除这一些空格换行，甚至缩短 javascript 和 css 里面的变量。诸如此类的优化工具有 YUI Compressor 和 Closure Compiler 。这两个工具都是基于 java 的，使用应该安装jdk并且设置 JAVA_HOME 。（对于非程序员的网站管理员而言确实有点困难）

推荐一个地址 ( http://ganquan.info/yui/?hl=zh-CN)

此工具可以不用在本地安装jdk,直接上传 js 和 css 文件进行压缩，可选择是采用 YUI Compressor 或 Closure Compiler 。

通过 YUI Compressor 或 Closure Compiler 和压缩的之后的代码如

function hello(name) {
alert('hello 博客' + name);
}
hello('园');

它会变成

function hello(a){alert("hello 博客, "+a)}hello("园")
 
 把你的缩进和空行去掉的同时也缩短里面的变量名称，这种优化方式是不可逆的，所以使用这两种压缩之前请备份一份源文件方便以后的修改。

3.GZIP 压缩你的 JS 和 CSS 文件 ::

压缩js和css可以通过服务器动态脚本进行也可以更简单的使用apache服务器可以在网站根目录 .htaccess 中加入以下代码

AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json
Header append Vary Accept-Encoding

这段代码的意思是调用服务器的压缩模块对以上文件输出之前进行GZIP压缩，gzip的压缩之后所有文件都应该能减少30%以上的体积。特别是对于大量使用js的博客有了gzip保驾护航之后速度能提高不少。

4.缓存你的 js 和 CSS 文件 ::

在网站根目录 .htaccess 中加入以下代码

ExpiresActive on
ExpiresDefault "access plus 1 year"

这段代码的意思是对 jpg|gif|png|css|js 发送 header 缓存头，进行一年的缓存、在浏览器不使用 ctrl+F5 强制刷新时，会一直缓存到时间时间结束，唯一遗憾的是如果你更改了js或者css文件必须把以前的路径或者文件名更改，可以这样 base.js?ver=(x) 这种方式下次浏览器就会自动读取并缓存。

5.使用css sprites合并图片

一个网站经常使用小图标和小图片进行美化，但是很遗憾这些小图片占用了大量的HTTP请求，因此可以采用sprites的方式把所有的图片合并成一张图片，http://csssprites.com/ 可以通过这个网址在线合并，也可以在ps中合并。

更多 css sprites 的资料请查看 http://baike.baidu.com/view/2173476.htm

6.优化你网站图片（图片）::

大量使用的图片和图标虽然可以给网站带来美轮美奂的效果，图文混编更是一种非常绚丽的博文展现方法。可图片的体积确实不是很给力，jpg是一种有损压缩格式，而png虽然是无损的缺憾是体积颇大。为了减少图片体积达到最快的下载速度，每一张图片上传前应该优化一下体积.专注于前端的 yslow 有一个工具叫 smushit

http://www.smushit.com/ysmush.it/

此工具是一个无损压缩图片的工具，可以把你的图片在保持原质量不变的前提下优化体积。而这种优化体积通常在 10% 以上.意味着
一张30KB的图片优化后只有 27KB 或者更少……

总结：

以上6种优化方法都是前端的，前端优化的意义在于减少http请求，减少网站前端程序组成的体积。

其实在后端优化也必不可少减少更多的数据库查询，通过诸如memcache内存缓存进行常调用用的数据缓存才能获得最快的速度。

javaword 2014-12-31 17:27 发表评论

火狐常用必备插件

javaword — Thu, 22 May 2014 09:14:00 GMT

火狐浏览器常用

1、分享工具条：

      你是不是和小编一样同时拥有QQ、人人、开心、豆瓣以及很多微博账号呢？
当你看到有意思的网页或者好玩的视频，是不是很想第一时间跟你的朋友分享呢？
你是不是苦恼于全选、复制、粘贴等这样繁琐的转载动作呢？
小编在此推荐一款让你能轻松转载和分享的小工具——一键分享：
你只需要轻轻一点位于地址栏右侧的一键分享按钮，无论是精彩的视频、美妙的音乐还是不能错过的好文章都可以方便的分享到开心、人人或微博。

      地址：http://mozilla.com.cn/addon/100-share-tools/

2、网页截图

    帮您方便的截取网页并保存为图片，支持选定区域、整个网页和可视区域三种截图方式，并提供必要的图片编辑功能。

   地址：https://addons.mozilla.org/zh-CN/firefox/addon/easyscreenshot


3、Firebug

       大名鼎鼎的Firebug绝对是用来帮助您进行前端开发和调试的利器，这里我们绝对要把他收录到开发者必备精选集中。
Firebug同Firefox连接在一起，形成了强大的网页开发工具。您可以通过Firebug来编辑、调试和监控任何页面的CSS、HTML和JavaScript。

       地址：http://mozilla.com.cn/addon/3-firebug/


4、Copy Plain Text

     复制当前页面的内容成无格式的内容，去掉超链接以及各种标签；

     地址：https://addons.mozilla.org/en-US/firefox/addon/copy-plain-text-2/?src=search

5、网页配色分析颜色提取工具(ColorZilla)

     还记得同样在开发者必备精选集中的Rainbow吗？一个非常小巧的色彩工具，跟Rainbow相比的话，ColorZilla属于大哥级的色彩工具：直接从网页中提取颜色分析整个网页的配色方案分析DOM元素随着鼠标移动及时获取色彩信息

   地址：http://mozilla.com.cn/addon/95-colorzilla/

6、gTranslator —— 网页翻译一键实现 1.0.4

     互联网让我们能够随时了解发生在世界各地的最新资讯，但面对同样缤纷的不同语言就实在让人头大了。满篇的外文不认识？不用担心，这款扩展可以帮助你=^^=
gTranslator调用了Google翻译的API翻译当前网页，支持50余种语言间的互译，只需点击gTranslator图标（默认在浏览器右下方状态栏中），选定目标语言，即刻将当前网页翻译为你所期望的语言~~翻译整篇网页，就是这么简单！

    地址：http://mozilla.com.cn/addon/24-gtranslator/

javaword 2014-05-22 17:14 发表评论

七牛云存储+WordPress插件WP Super Cache 免费实现Wordpress站点的高速CDN镜像，让你的网站飞起来！

javaword — Thu, 01 May 2014 06:11:00 GMT

本来一直都是尝试用百度BAE做CDN加速的，但是折腾了几天了，文件一直不能镜像到BAE。原因未知！只能退而求其次，寻找其他的办法。不过新的办法也不错，而且速度貌似觉得比BAE还要好，那就是用七牛免费套餐实现CDN加速功能，再结合使用WordPress插件WP Super Cache可免费实现Wordpress站点的高速CDN镜像，让你的网站飞起来！

具体步骤如下：

首先，访问七牛云存储官方网站申请免费账号。免费账号享受10G存储容量和每月10G下载流量的待遇。七牛的老总许式伟很有诚意啊，太懂程序员的心理了。

第二步，新建一个空间，相当于是网站的文件夹，注意设置空间是公共空间哦，别人是无法访问私密空间的。然后在空间设置里添加域名，随便填写吧。

然后点击 镜像存储 菜单，点击一键加速按钮：输入你网站的域名，点击确定加速！七牛就会把你网站的静态文件，比如图片、视频拷贝到七牛存储空间里。

第三步，登录你网站的Wordpress后台，安装WP Super Cache插件，点击设置 > WP Super Cache，选择 CDN ，输入以下内容：

勾选“开启CDN支持”

Off-Site URL：输入在七牛绑定的子域名，（注意要带 http://）

包含目录：wp-contents, wp-includes

如果你网站没有设置SSL证书，可根据自身情况勾选“忽略https地址”

保存更改，搞定！稍等几分钟，就可以了。

不推荐采用我爱水煮鱼的插件，因为安装WP Super Cache插件可以一举两得，节省服务器资源。

访问：七牛网站

关于在 WP Super Cache 中使用七牛云存储就介绍这么多，需要强调的是七牛是有免费套餐的，每个月 10G 流量，总空间 10GB，所以你可以来先体验下七牛加速之后的博客速度。

javaword 2014-05-01 14:11 发表评论

小米系统miui下载不刷机用MIUI

javaword — Fri, 04 Apr 2014 02:35:00 GMT

小米诞生不过才几年时间，但其所取得的成绩似乎已可以傲视群雄了。虽然其营销方式比较恶心，但不得不说确实能凑效，不过小米手机颇受追捧除了其营销策略及高性价比外，其 MIUI 小米系统可谓功不可没！

虽是基于 Android 而来，但小米确实花了大量心血去对 MIUI 系统进行打磨，为其加入了很多贴心实用的特性，如云同步短信/联系人/通话记录服务、美化主题、黑名单拦截等等。而小米为了让获取更大的受众，不仅将 MIUI 的 ROM 开放出来供其他机型刷机，而今天还发布了这个不用刷机的 MIUI 小米系统下载了……

不必刷机直接在其他品牌手机上安装的 MIUI 小米系统：

“刷机”一直是阻碍人们使用第三方 ROM的最大门槛，普通用户不仅要学习费事的刷机教程，同时还需要承担刷机后相关软件服务和售后服务失效的风险。小米系统的推出无疑帮助人们完全规避了这些风险。

小米正式发布的“不刷机的MIUI”小米系统其实就是一个APP应用，这款无需刷机并集成了MIUI主要核心功能的系统管理型。”小米系统是什么？就是一款被APP化了操作系统，简单说，用户通过软件商店下载小米系统之后，就可以享受MIUI提供的互联网应用与服务。

     “小米系统”所集成的MIUI核心功能包括MIUI拨号管理，MIUI联系人，MIUI短信，MIUI云服务，MIUI桌面等。洪峰表示，实现了MIUI七成的操作体验。

     过去要体验这种服务有两种模式，购买小米手机，或者以刷机的方式将其他品牌的手机刷成MIUI操作系统，现在通过APP商店下载安装的方式简化了流程。

     “小米系统”APP目前已经在小米官网上线，无论是什么品牌的安卓智能手机，只要配置在主流性能之上，如运行内存在1GB以上，存储空间在80M以上，系统版本为Android4.0以上等，就可以安装小米系统使用MIUI。

安装简单，无负担的用户体验：

严格意义上来说，这个小米系统只是一个应用，也就是一个APP，而不是真正的操作系统。不过由于「小米系统」并不需要刷机，规避了刷ROM可能导致的风险，也不必花大量时间去学习各种刷机知识或参考各类繁杂的教程，所以使用门槛很低，即使不喜欢，你也可以很容易地卸载它。

相关文件下载信息：

下载小米系统APK安装包 | 来自@爱绿软 |

javaword 2014-04-04 10:35 发表评论

JPGmini、PNGmini、WEBmini - 小巧精致的批量图片压缩优化工具+JS/CSS网页文件压缩

javaword — Tue, 11 Mar 2014 03:11:00 GMT

我们之前有推荐过12款实用免费批量图片体积优化压缩工具，其中有在线网页版的也有桌面版的软件，它们都适合网页设计师或者站长们使用。

而今天推荐的除了2款小巧精致实用的图片、照片体积批量压缩优化工具——JPGmini、PNGmini 外，还有一款 Javascript、CSS 文件批量压缩工具——WEBmini。它们均出自同一作者之手，不仅免费小巧，而且界面简约精致！可以为站长、程序员、Web开发者们提供不小的便利，值得大家收藏在工具库里……

界面精致且小巧免费的批量压缩图片/JS/CSS的小工具：

JPGmini、PNGmini、WEBmini 都是 voralent 出品的文件体积压缩优化软件，正如其名，前两者分别用于优化压缩JPG格式图片以及PNG格式图片的积的，它们能在不改变图片分辨率且尽量不损耗清晰度的前提下让图片文件体积变得更小，以便在网络中传输得以加快。WEBmini 则可以压缩 js、css 等网页常见的文件格式，使得网站加载更加高效迅速。

JPGmini - jpg 格式文件图片体积压缩优化软件：

PNGmini - png 格式文件图片体积压缩优化软件：

WEBmini - 网页 js、css 文件体积压缩优化软件：

从截图中可以看出，JPGmini、PNGmini、WEBmini 的软件界面都很相似，虽然都是英文界面，但使用却异常的简单！您只需将需要压缩的文件拖放到软件界面的列表上，然后点击 “Optimize” 即可进行批量的优化压缩。软件会在文件列表中显示出原文件大小(Current Size)、压缩后大小(Optimized Size) 以及缩减体积所占的比例 (Status)。

由于这三款小工具都比较简单实用，不仅支持批量操作的，而且界面精美体积小巧，如果你偶尔也会有图片体积压缩或web样式文件、JS文件的压缩需求的话，可以考虑收藏下来备用。

相关文件下载地址：

官方网站：访问

软件性质：免费

下载JPGmini | PNGmini | WEBmini | 来自@爱绿软

javaword 2014-03-11 11:11 发表评论

超实用一键破解网页不能复制/右键菜单限制的 Bookmarklet 收藏夹书签小工具

javaword — Wed, 05 Mar 2014 06:16:00 GMT

经常上网都会遇到一些网站不能复制文字、不能选择或者不能使用右键菜单，有时候非常的不便。网上关于破解网页不能复制等限制的方法有很多，简单的复杂的，有的去改IE配置，有的要装软件装插件，反正方法多了去了，不过都比较麻烦。

于是，作为一个伪技术宅，特为此写了一个破解网页限制的 Bookmarklet (浏览器收藏夹的书签小工具)，你不再需要下载安装软件，不再需要安装插件，不再需要任何繁琐的设置，只需把这个“书签”拖到浏览器的收藏夹保存起来，以后遇到不能复制/限制右键的网页时，只需一键按下收藏夹里的这个“解除网页限制”书签，瞬间就破解了！纯绿色纯天然啊有木有……

解除网页限制书签工具：

这个破解网页复制右键限制的 Bookmarklet 收藏夹小工具我目前在 Chrome、FireFox 和 IE9 下测试通过，其他浏览器还没测试过，不过估计一般不奇葩的浏览器应该都木有问题，欢迎大家反馈各种浏览器的成功率。不保证100%绝对能适用于全部网站，但我测试过我遇到的几个都没问题，发布出来也主要是想方便大家。它完全免费，版权木有～欢迎大家大力扩散……

将它收藏起来备用吧：

注意：直接点击这里的按钮是无效的，一般来说，你直接将此书签拖放到你的浏览器收藏夹工具栏中去即可。或者，你可以右键复制本按钮的链接地址，然后去随便收藏一个网页，编辑它的名字为“解除网页限制”，并修改链接成这个按钮的链接也是可以的。好吧，这货基本上就这样了，enjoy it~

javaword 2014-03-05 14:16 发表评论

造字工房全套正版精美中文设计字体免费下载使用 (个人非商用/全集打包)

javaword — Mon, 03 Mar 2014 09:10:00 GMT

1月3日消息，造字工房去年宣布从2014年1月1日起个人正版字体会全部免费。现如今，造字工房遵守承诺，已将所有个人（非商用）字体产品于官方网站免费提供下载。

相关文件下载地址：
官方网站：访问

javaword 2014-03-03 17:10 发表评论

dedecms搜索提示＂关键字不能小于2个字节！＂

javaword — Wed, 19 Feb 2014 01:09:00 GMT

在测试自己制作的搜索页模板时，如果遇到搜索时提示＂关键字不能小于2个字节！＂！

打开plus/search.php把

if(($keyword=='' || strlen($keyword)<2) && empty($typeid))
{
ShowMsg('关键字不能小于2个字节！','-1');
exit();
}

删除.

javaword 2014-02-19 09:09 发表评论

Sitemap和网站地图在线生成工具

javaword — Thu, 13 Feb 2014 07:51:00 GMT

找了几个在线生成网站地图的网站试了下，各有千秋,但共同的缺点是都是英文，好在都是些简单的英文，阅读还不成问题，基本上都能看懂。
下面就是我对三个在线生成Sitemaps网站的试用手记：
1. Sitemapspal http://www.sitemapspal.com/
界面简洁实用,输入要生成的网站网址后,只需要做一些简单的参数调整,就可以生成.生成的速度比较快,而且生成的Sitemaps的XML文件提供复制与下载.缺点是只支持一级链级深度,就是说生成的文件里的URL只有首页上包含的站内链结.如果你的网站的一些链结没在首页上,生成的Sitemaps就不会有这些链结的URL.一级链结深度也就算了,它连这一级的链结也不能完完整整的生成出来.反正我生成的Sitemaps里就有好多明明在首页上有链结的URL没有包含在里面.
2. XML-Sitemaps Generator http://www.xml-sitemaps.com/

一样的,输入网站的网址后,再做一些参数调整,按下Sart就可以生成了.生成完成后,提供以下四个文件下载:sitemaps.xml,sitemaps.xml.gz,sitemaps.html,urllist.txt.不用解释了吧,下载下来就知道是干什么用的了.
缺点:生成速度慢了点,虽然没有链结深度的限制,但是有链结数目的限制,500个.它会一页一页的读取,不管有几级链结,但是最多只会生成包含500个URL的Sitemaps.如果不想受到任何限制,那么也好办,请交钱,不多,几美元而已.
3. Free Sitemap Generator http://www.freesitemapgenerator.com/
需要用邮箱注册并验证激活,激活后可以自行添加要生成Sitemaps的网站，不限制链结深度,不限制链结数量,但是速度巨慢,可能是因为每一页都要去读取的原因。按下MAKE SITEMAPS之后就可以不用管了,即使你不在线也不会有任何关系，因为它会在服务器上为你慢慢地慢慢地生成的,你完全没必要盯着它的进度数一点点地上升.生成完成后它会往你的邮箱发邮件通知你,如果你的站很大,一般要N个小时后才会收到，请特别注意,这里的N个小时中的N很有可能会是两位数,不别说我没提醒你。如果想高速生成就必需满足它的一点小要求——在你的每一个页面上加上一段链结代码。

javaword 2014-02-13 15:51 发表评论

织梦DEDECMS模板文件名介绍与说明

javaword — Fri, 07 Feb 2014 06:23:00 GMT

织梦模板dedecms文件名介绍与说明：

单页图文：/templets/default/singepage.htm
留言板：/templets/plus/guestbook.htm
购物车：/templets/plus/car.htm
商品模板：/templets/defaultst_shop.htm
新闻动态：/templets/defaultst_article.htm

主要常用模板名介绍：

首页模板：/templets/default/index.html
文章频道首页：/templets/default/index_article.htm
文章列表页：/templets/defaultst_article.htm
文章内容页：/templets/default/article_article.htm
图集频道首页：/templets/default/index_image.htm
图集列表页：/templets/defaultst_image.htm
图集内容页：/templets/default/article_image.htm
图集详细页面：/templets/plus/showphoto.htm
软件频道首页：/templets/default/index_soft.htm
软件列表页：/templets/defaultst_soft.htm
软件内容页：/templets/default/article_soft.htm
软件最终下载：/templets/plus/download_links_templet.htm
动画频道首：/templets/default/index_flash.htm
动画列表：/templets/defaultst_flash.htm
动画内容：/templets/default/article_flash.htm
产品频道首：/templets/default/index_product.htm
产品列表：/templets/defaultst_product.htm
产品内容：/templets/default/article_product.htm
分类信息频道首：/templets/default/index_info.htm
分类信息列表：/templets/defaultst_info.htm
分类信息内容：/templets/default/article_info.htm
分类信息搜索：/templets/default/infosearch.htm
专题列表：/templets/defaultst_spec.htm
专题内容：/templets/default/article_spec.htm

商品浏览页

单页图文：/templets/default/singepage.htm
留言板：/templets/plus/guestbook.htm
购物车：/templets/plus/car.htm
商品模板：/templets/defaultst_shop.htm
新闻动态：/templets/defaultst_article.htm
商品浏览页：/templets/default/article_shop.htm
新闻浏览页：/templets/default/article_article.htm

图书模块

图书首：/templets/default/books_index.htm
图书列表：/templets/default/books_list.htm
图书搜索：/templets/default/books_search.htm
图书内容：/templets/default/books_book.htm
小说章节内容：/templets/default/books_story.htm
漫画章节内容：/templets/default/books_photo.htm
vip章节内容：/templets/default/book_member_err.htm

其他功能与插件

TAG列表：/templets/default/taglist.htm
TAG内容列表 /templets/default/tag.htm
DIGG列表：/templets/defaultg.htm
搜索结果：/templets/defaultarch.htm
高级搜索：/templets/plus/heightsearch.htm
评论页模板 /templets/plus/feedback_templet.htm
评论验证码确认：/templets/plus/feedback_confirm.htm
评论JS内容：/templets/plus/feedback_templet_js.htm
站点地图：/templets/plus/sitemap.htm
RSS地图：/templets/plus/rssmap.htm
RSS内容：/templets/plus/rss.htm
投票：/templets/plusote.htm
栏目JS文件 /templets/plus/js.htm
推荐文档信息：/templets/plus/recommend.htm
友情连接提交：/templets/plus/flink-add.htm
友情链接列表：/templets/plus/flink-list.htm
留言板插件 /templets/plus/guestbook.htm

问答模块

问答首：/ask/template/default/dede.htm
问答列表：/ask/template/default/browser.htm
问答内容：/ask/template/default/question.htm
问答提问：/ask/template/default/post.htm
问答内容维护：/ask/template/default/post.adopt.htm
问答搜索结果：/ask/template/defaultarch.htm
问答消息提示：/ask/template/default/showmsg.htm

javaword 2014-02-07 14:23 发表评论