zoukankan      html  css  js  c++  java
  • 高性能网站建设——前端优化

    网站访问速度慢,一般主要有三个方面,一个是服务器端程序性能不佳,一个是网络传输速率不高,再有就是前端显示效率太低。

    今天看了一本《高性能网站建设指南 前端工程师技能精髓》,对网页性能优化开始有了新的体会。一下是自己的感悟,也算是观后感吧,留下点东西以便以后能够用的上。

    网页的性能瓶颈很多都不是在网络速率上的,而是在前端显示上。仅仅加载html文件大概占整个显示网页中的12%,可以见得,网页的后期显示在整个性能优化过程中需要更多的关注。

    优化项目:

    1、减少HTTP请求:合并文件(js、css、image)图片地图等

    2、使用CDN:使用CDN的作用是使网络在不同地区的网络速度能够持平,是根据地理位置相对而言的。

    3、HTTP头中添加expires,为浏览器添加网站的缓存

    4、压缩传输:Gzip

    5、CSS样式文件置于顶部

    6、JS脚本置于底部

    7、避免CSS表达式,因为它会频繁重复调用

    8、使用外部的JS和CSS

    9、减少DNS查询

    10、精简HTML、CSS、JS,代码重构

    11、避免重定向

    12、移除重复脚本

    13、配置Etag

    14、使用Ajax缓存


    服务器端可以采取设置empires和Gzip压缩方式,其余的都是代码编写的问题了,代码重构才是最重要的

  • 相关阅读:
    MySQL 卸载
    Mysql(压缩包)下载与安装
    sqlserver一次性修改多条
    mysql一些操作
    SQL函数集合
    js时间转换相关
    easyui grid中翻页多选方法
    easyui combobox筛选(拼音)
    wpf图片切换,幻灯效果
    openfire搭建IM
  • 原文地址:https://www.cnblogs.com/picaso/p/2751781.html
Copyright © 2011-2022 走看看