zoukankan      html  css  js  c++  java
  • 网页优化

    内容部分

    1.尽量减少HTTP请求

    将多个js和css进行文件合并,减少请求数,通过 CSS Sprites 来减少多个小图片的请求

    2.减少DNS查找

    将页面内容分成两部分或四部分,来达到减少dns查找和并行下载的权衡

    3.避免跳转

    尽可能的避免跳转,注意url的规范,如被全/和不同域名的跳转,可以通过Alias或者mod_rewirte建立CNAME

    4.可缓存的AJAX

    5.推迟加载内容

    6.预加载

    分为无条件加载,有条件加载和有预期的加载

    7.减少DOM元素数量

    8.根据域名划分页面内容

    9.使iframe的数量最小

    10.不要出现404错误

    服务器部分

    11.使用内容分发网络

    12.为文件头指定Expires或Cache-Control

    静态内容,在更改并不频繁的文件要缓存起来,有更新时通过修改文件名来实现

    13.Gzip压缩文件内容

    14.配置ETag

    15.尽早刷新输出缓冲

    对于大的静态页面输出,可采用php flush

    16.使用GET来完成AJAX请求

    javascript和CSS部分

    17.把样式表置于顶部

    18.避免使用CSS表达式(Expression)

    19.使用外部JavaScript和CSS

    20.削减JavaScript和CSS

    21.用<link>代替@import

    22.避免使用滤镜

    23.把脚本置于页面底部

    24.剔除重复脚本

    25.减少DOM访问

    26.开发智能事件处理程序

    图片和Cookie

    27.减小Cookie体积

    28.对于页面内容使用无coockie域名

    开新的域名来显示网站的静态内容

    29.优化图像

    将gif转换成png,用pngcrush优化png图,用jpegtran优化jpg,去掉exif和注释,

    30.优化CSS Spirite

    将大背景图中和小图横向摆放,颜色相近的放一起,中间不留大空隙

    31.不要在HTML中缩放图像

    32.favicon.ico要小而且可缓存

    移动开发部分

    33.保持单个内容小于25K

    34.打包组件成复合文本

  • 相关阅读:
    DVB数字电视常见信号指标解释
    傅里叶变换与不确定性
    Sigrity PowerDC是如何计算IR Drop Margin?
    带你了解强大的Cadence家族,你可能只用到了它1/10的工具
    在线原理图绘制网站推荐
    FinFET简介
    SPICE简史
    时域反射计(TDR)原理与应用
    PCB仿真软件与电磁场求解器的算法
    Jersey 2 + Maven + Tomcat + IntelliJ IDEA 搭建RESTful服务
  • 原文地址:https://www.cnblogs.com/zzxap/p/2175723.html
Copyright © 2011-2022 走看看