本来想写一个网站优化的系列（前端到后端的数据库,垂直优化到分布式,后面会补上），但没有时间（借口），今天就总结一下前几天优化网站的过程。 网站优化重点在于找出出现性能问题的地方，往往是解决方案很简单，过程很艰辛。 先介绍一下场景：公司某网站产品的一个页面加载速度非常慢，完全加载完成大约8秒左右，要尽...
分类：
Web程序 时间：
2015-07-12 12:42:09
阅读次数：
151
为了提高页面加载速度和适应中国复杂的网络环境，我决定把所有商品图片都分离到专业的云存储服务器上，具有CDN加速功能。首先，生成一个域名 img.xxxx.com 并映射到自己的云存储别名，然后把全部图片（含目录结构）上传到 云存储空间。在config.php 增加/* 商品详情图片地址替换 *///...
分类：
其他好文 时间：
2015-07-11 18:27:01
阅读次数：
118
优化目的：1. 减少load量。2. 优化js，加快页面加载速度。网站中最影响网站打开速度的是什么？我会告诉是网站中的javascript，简称JS。模板中引用的JS文件越多，打开速度越慢，细读完这篇文章，够你优化大半天的了，关于JS优化方法大都脱离不了这三种方法。方法一：把不重要的JS放在页面最底...
分类：
编程语言 时间：
2015-07-09 19:32:34
阅读次数：
141
原文:减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术) 在网站开发过程中，对于页面的加载效率一般都想尽办法求快。那么，怎么让才能更快呢？减少页面请求 是一个优化页面加载速度很好的方法。上一篇博文我们讲解了 “利用将小图标合成一张背景图来减少...
分类：
Web程序 时间：
2015-07-07 19:05:53
阅读次数：
143
在网站开发过程中，对于页面的加载效率一般都想尽办法求快。那么，怎么让才能更快呢？减少页面请求 是一个优化页面加载速度很好的方法。上一篇博文我们讲解了 “利用将小图标合成一张背景图来减少HTTP请求”，那么，这一篇博文将讲解 “ 将图片转成二进制并生成Base64编码,可以在网页中通过url查看图.....
分类：
Web程序 时间：
2015-07-07 16:02:16
阅读次数：
152
lazyload插件用于图片延迟加载，节省服务器带宽，减少服务器请求次数，提高网站的页面加载速度，用于网站性能优化，只有当图片在窗口可视范围内时才向服务器请求；参数：threshold：设置距离窗口底部多少像素开始加载图片，提前加载图片，failure_limit：lazyload按照瀑布流加载图片...
分类：
Web程序 时间：
2015-06-11 16:47:18
阅读次数：
120
介绍 使用许多小得JS、CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维 护性，这是一个很好的实践。但这样做反过来却损失了网站的性能。虽然你应该将你的Javascript代码写在小文件中并且将大的CSS文件分割到小文件 中，当一个浏览器请求那些JS以及CSS文件，它却将为每一个文件产生...
分类：
Web程序 时间：
2015-06-09 00:44:18
阅读次数：
126
除了硬件，需要花钱的东西，我们不谈。今天来谈谈免费的，服务器端软件的优化，我们需要借助一些分析工具。
其中最好用的，要属Firefox自带的网站开发工具inspector，直接上图
优化前
我们注意Time是321秒的页面加载速度
优化后
Time在网页缓存的情况下仅用了2秒，而全新刷新也只用了16秒
演示网站
Simflie中国模拟飞行网...
分类：
Web程序 时间：
2015-05-28 21:33:20
阅读次数：
174
由于页面有很多图片，页面加载速度有点慢，本来打算减小图片的体积，后来想想这个后期还得测试下，所以暂时不打算使用google的图片优化工具，先把ecshop生成的html代码压缩下吧压缩前：首页体积为38kb，压缩后：首页html代码提交24kb，页面测试效果没有任何问题，无错误。下面我介绍下提升ec...
分类：
其他好文 时间：
2015-05-27 06:18:06
阅读次数：
206
为了提高页面加载速度和适应中国复杂的网络环境，我决定把所有商品图片都分离到专业的云存储服务器上，具有CDN加速功能。首先，生成一个域名 img.xxxx.com 并映射到自己的云存储别名，然后把全部图片（含目录结构）上传到 云存储空间。在config.php 增加/* 商品详情图片地址替换 *///...
分类：
其他好文 时间：
2015-05-27 06:17:48
阅读次数：
159
