js的一些压缩和优化性能

时间：2016-07-19 23:45:57 阅读：270 评论：0 收藏：0 [点我收藏+]

标签：

所选工具：YUI Compressor（压缩代码软件，直接在百度搜索用网页版就行），阿帕奇（apache）将文件上传到到服务器时，可通过apache将文件再次压缩，winSCP（用于在本地和服务器之间传送文件）

技术分享

优化思路：将前端中的js和css文件的代码压缩在一行，尽量缩小空格的换行

1、将js或者css的代码复制到YUI Compressor中进行第一次压缩，然后在webStrom里面新建js和css文件然后将压缩后的内容复制到里面，并建立相应的html文件用于调用js或者css，再用浏览器访问

测试压缩后的css或js时，记得在每个html页面中加入以下语句：

2、通过winSCP可以连接本地和服务器：将两个test文件夹通过winSCP将文件夹上传到服务器上

上传之后，可用CRT连接上之后便可查看文件的大小

3、首页中js的优化：index.html页面中的js全都抽取出来，放在assets/js/目录下，然后在index.html中调用index.js

4、轮播加载图片的优化

$().ready(function () {

$("#i1").attr("src","images/ad2.jpg");

$("#i2").attr("src","images/ad3.jpg");//将首页中的轮播图片地址放在js里面，不要直接读取图片地址，而是通过js去访问图片的地址，当图片内存较大时或者图片的数量较多时，会大大提高加载的速度

});

标签：

原文地址：http://www.cnblogs.com/yansum/p/5686546.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行