zoukankan      html  css  js  c++  java
  • 前端面试题性能优化的方法

    1. 尽量减少HTTP请求次数
      压缩合并js
      css精灵
      内联图片。src用data:url scheme
    2. 减少DNS查询
      有的内容资源都放在同一个域(Domain)下面,这样访问整个网站就只需要进行一次DNS查找,这样可以提高性能
      由于这些资源都在同一个域,而HTTP /1.1 中推荐客户端针对每个域只有一定数量的并行度(它的建议是2),那么就会出现下载资源时的排队现象
      建议在一个网站里面使用至少2个域,但不多于4个域来提供资源
    3. 使用CDN
      网站上静态资源即css、js全都使用cdn分发,图片亦然,因为cdn拥有众多服务器,用户请求可以请求距离他近的服务器,加快速度
    4. 避免空的src和href
    5. 为文件头指定Expires(过期时间)或者Cache-Control头部。
    6. 使用gzip压缩内容(服务端)
    7. 把CSS放到顶部
    8. 把JS放到底部
    9. 避免使用CSS表达式
    10. 将CSS和JS放到外部文件中
    11. 可缓存的AJAX异步请求同样的造成用户等待,所以使用ajax请求时,要主动告诉浏览器如果该请求有缓存就去请求缓存内容。如下代码片段,
      $.ajax({
      url: 'url',
      dataType: "json",
      cache: true, //如果有缓存请求缓存
      success: function(son, status) {}
      })
    12. 使用GET来完成AJAX请求
      POST方法:首先发送文件头,然后才发送数据
    13. 减少DOM元素数量
    14. 不要404。
      所以发出http请求但获得没用的响应(如404)是完全不必要的,并且会降低用户体验,这样首先会降低(占用)并行下载数
      如果有404状态码 在此页面展示404样式,不是直接跳转到404页面
    15. 不要在html中缩放图片
  • 相关阅读:
    jQuery选择器---层次选择器总结
    jQuery选择器---基本选择器总结
    jQuery手风琴
    jQuery(ajax)的使用方法
    css 3d 基础知识
    Android Dynamic Action(动态Action)—像访问网页一样地访问Activity
    笨鸟不乖 是这么设计Android项目架构的
    Android Auto Scroll ViewPager (Smooth)
    [原创] 在线音乐API的研究 (Part 2.1)
    [原创] 浅谈开源项目Android-Universal-Image-Loader(Part 3.1)
  • 原文地址:https://www.cnblogs.com/yangwang12345/p/7729560.html
Copyright © 2011-2022 走看看