PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > 编程杂谈 > 正文

    如何加快前端页面的运行速度

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:1.减少http请求次数合并图片,css,js,改进首次访问用户等待时间2,使用CDN就近缓存,只能路由,负载均衡,WSA全站动态加速。3,避免空的s...
    1.减少http请求次数

    合并图片,css,js,改进首次访问用户等待时间

    2,使用CDN

    就近缓存,只能路由,负载均衡,WSA全站动态加速。

    3,避免空的src和href

    当link标签的href属性为空,script标签的src属性为空的时候,浏览器渲染的时候会把当前页面的URl作为他们的属性值,从而把页面的内容加载进来作为他们的值,

    4,为文件头指定Expires

    使内容具有缓存性,避免了访问中不必要的HTTP请求。

    5,使用gzip压缩内容

    压缩任何一个文本类型的响应,包括XML和JSON。

    6,css放在顶部,js放在底部。防止js加载对之后资源造成阻塞

    7,避免使用css表达式

    8,将css和js文件放到外面

    9,减少主机名可以节省响应时间,但同时,需要注意,减少主机会减少页面中并行下载的数量,IE浏览器在同一时刻只能从同一域名下载两个文件,挡在一个页面显示多张图片时,IE用户的图片下载速度就会受到影响。所以大型网站会有多个2级域名来放图片。

    10,精简css和js

    11,避免跳转

    同域:注意避免反斜杠'/'的跳转

    跨域:使用Alias或者mod_rewrite建立CNAME

    12,删除重复的js和css

    13,可缓存的ajax,异步并不意味着几时啊,ajax并不能保证用户不会再等待异步的JavaScript和xml响应上花费时间。

    使用xmlHttpRequest时,浏览器中的post方法是一个两步走的过程:首先发送文件头,然后才发送数据,因此使用get获取数据时更加有意义。

    14,减少DOM元素数量,cookie的大小。

    15,不要使用滤镜,png24在IE6半透明那种东西,不要用,淡定的切成PNG8+jpg

    16,不要在html中缩放图片

    17,缩小favicon,ico并缓存。

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-74-5045-1.html
    相关热词搜索: