• Yahoo前端35条性能优化


    来,排好队,不要乱!!!

    ******************网页内容************************

    减少http请求次数

    减少DNS查询次数

    避免页面跳转

    缓存Ajax

    延迟加载

    提前加载

    减少DOM元素数量

    根据域名划分内容

    减少iframe数量

    避免404

    ***********************服务器********************************
    使用CDN

    添加Expires 或Cache-Control报文头

    Gzip压缩传输文件

    配置ETags

    尽早flush输出

    使用GET Ajax请求

    避免空的图片src

    **********************Cookie********************************
    减少Cookie大小

    页面内容使用无cookie域名

    **********************CSS************************************

    将样式表置顶

    避免CSS表达式

    用<link>代替@import

    避免使用Filters

    ********************JavaScript*******************************
    将脚本置底

    使用外部Javascirpt和CSS文件

    精简Javascript和CSS

    去除重复脚本

    减少DOM访问

    使用智能事件处理

    ************************图片***********************************

    优化图像

    优化CSS Sprite

    不要在HTML中缩放图片

    使用小且可缓存的favicon.ico

    **********************移动客户端******************************

    保持单个内容小于25KB

    打包组建成符合文档

     


    详情咱们访问这个看看好不好(主要是写的太好,我控制不了自己)http://www.cnblogs.com/developersupport/p/webpage-performance-best-practices.html

     

     

     

  • 相关阅读:
    mybatis动态sql和分页
    mybatis入门
    IDEA
    Linux环境搭建
    svn
    jwt
    Vuex
    SPA项目开发之CRUD+表单验证
    JavaScript可视化框架——Echarts
    python+selenium六:隐式等待
  • 原文地址:https://www.cnblogs.com/azaleaMuma/p/8072548.html
Copyright © 2020-2023  润新知