【优化】网页加载速度优化



    随着系统数据增长,用户量增加,系统复杂度提高,页面加载速度也会随之变慢。而在使用压力测试工具进行性能测试时,页面加载速度慢的问题就更为突出了。以下为优化方案:

    一、服务器优化

    0、增加带宽、CPU、内存、硬盘,可以使用top来查看高并发时的CPU和内存使用情况,使用df、du来查看硬盘使用情况;使用iftop等工具查看实时带宽,明确瓶颈针对性扩容;如只是个别接入网或个别地域的问题,可考虑更换服务器位置或增加网络接入

    1、引入负载均衡服务器将请求进行分发多台服务器进行处理;一些通用js库像jQuery可以用外部CDN,比如BootCDN、Google API等



    2、Linux、Nginx性能优化:http://blog.csdn.net/oonets334/article/details/7528558

    3、Nginx开启gzip压缩

    二、逻辑算法优化

    4、长处理逻辑分解改造为异步处理,引入队列机制处理长时间任务

    5、重构使用效率更高效的算法和更好的设计

    三、数据读写优化

    6、引入文件缓存、Redis缓存缓存基础数据、中间计算结果和页面HTML

    7、对经常查询、数据量较大的表建立索引;使用Explain来确定慢查询原因

    8、对关键不常变动的字段增加缓存字段、缓存表;如字段可能变动,则需要增加字段同步脚本或代码

    9、当数据达到足够大的时候,对数据库进行分库分表存储;主从式分布式数据库

    四、页面优化

    10、将css、JavaScript合并、压缩成单个文件,对图片进行压缩

    11、将图片、css、JavaScript等静态文件放到单独域名、独立的存储空间上,并启用CDN

    12、对icon类的小图片文件使用CSS Sprite合并加载;对按钮样式使用CSS3替代

    13、图片异步加载,按需加载;设img标签为display:none,且不设置src,当需要时使用JavaScript进行异步加载

    14、页面静态化,使用JavaScript进行异步加载

    以上为概述,每一项都可以展开来实践。

     



    本博客所有文章如无特别注明均为原创。
    复制或转载请以超链接形式注明转自枫芸志,原文地址《【优化】网页加载速度优化
    标签:
    分享:

还没有人抢沙发呢~

无觅相关文章插件,快速提升流量