网站优化的一些方法

1

写在前面

年初Django开发的网站项目第一版已经上线,因为需求变动太大,所以想按照前后端分离的方式早点推重构再优化,但是时间又不允许,所以就先做第一版的优化,重构的事并行,以后考虑迁移数据。

关于静态文件

  1. 压缩js/css文件。
    我们使用gulp来压缩js/css文件。

  2. 静态文件全部迁移到七牛云存储里面。
    原来的静态文件直接放在服务器里,首页图片比较多,之前测试服务器加载完首页js/css/图片,最长的一个文件时间需要3.6秒左右,现在最长的图片只需要170ms左右。在七牛对象存储bucket中可以设置文件的浏览器缓存Cache-Control的max-age的秒数,这样可以让静态文件在客户端浏览器中缓存,比如static/js/index.js,第一次请求资源时会请求服务器,如果没有超出缓存时间,下载请求时直接加载本地资源。不过这里可能会产生一个问题。如果你的静态文件缓存在本地浏览器或者七牛的CDN中,你在更新服务器代码的时候,就会产生脏数据。用户请求的数据依旧是之前的缓存在本地或者CDN中的数据。解决的方法有几种,第一种是在你的静态文件后面加参数,比如原来请求static/js/index.js现在改成static/js/index.js?v=20170809,这两个是不同的URI,会促使服务器重新加载新的静态文件,但是这样做有个问题,只能全量更新,无法增量更新。第二种方式是在你的静态文件前面加前缀,比如/v1/static/js/index.js,这个缺点也是一样,无法增量更新。第三种方式是在文件名后加md5值,比如static/js/index.c6d9c9fc12c1dbaee77703a4dd731a8b.js。如果没有改过的文件,还是会加载到缓存中,该过的文件,由于md5值变了,会请求新的文件,所以推荐使用第三种方式。由于我们项目的历史原因,没办法改成第三种,暂时只能通过缓存的设置,我把客户端缓存设置为8小时,七牛的静态文件缓存为1个月,然后通过七牛的refresh的API,批量刷新一下网站中自己写的js/css的文件夹目录,让七牛的缓存从源中重新拉取文件。这样在半夜更新服务器时,让用户在第二天使用时不会加载脏数据。

关于Media

  1. 视频
    视频一般就直接上传七牛,CDN加速。

  2. 图片
    图片最早我们是直接用python的wand库切图后,保存到线上服务器中。后来发现切图的时间慢,而且很消耗CPU跟内存的资源,所以现在都是原图直接上传到七牛中,七牛针对图片有图片样式的处理,比如头像,我们有三种标准4040,5050,8080,原来只切成8080的图片,不管哪种样式,通过css的width跟height属性控制其他样式。现在直接定义三个样式,在图片请求加上相关参数,直接就获取了这三个样式的图片,最小化的减少图片的加载。

关于Cache

1.把常访问的页面用cache静态化。
2.把常用的数据全部丢到在redis中,减少从数据库中请求。

数据库

  1. 数据库读写分离。提高数据库性能。

  2. 代码中减少对数据库查询的请求,一次查完的不要查二次,对经常查询的字段建索引。

下一阶段要做的优化

  1. 负载均衡。

  2. 分库分表。

你可能感兴趣的

载入中...