雅虎前端优化策略

雅虎前端优化策略Content·「网页内容相关MakeFewerHTTPRequests[减少http请求次数]ReduceDNSLookups[减少DNS查询次数]AvoidRedirects…

大家好,又见面了,我是你们的朋友全栈君。

  • Content ·「网页内容相关
    • Make Fewer HTTP Requests [减少http请求次数]
    • Reduce DNS Lookups [减少DNS查询次数]
    • Avoid Redirects [避免页面跳转]
    • Make Ajax Cacheable [缓存Ajax]
    • Postload Components [延迟加载]
    • Preload Components [提前加载]
    • Reduce the Number of DOM Elements [减少Dom元素数量]
    • Split Components Across Domains [根据域名划分内容]
    • Minimize Number of iframes [减少iframes数量]
    • Avoid 404s [避免404]
  • Server ·「服务器相关
    • Use a Content Delivery Network (CDN) [使用CDN]
    • Add Expires or Cache-Control Header ×[添加Cache-Control控制头]
    • Gzip Components [压缩传输文件]
    • Configure ETags [配置ETags]
    • Flush Buffer Early [尽早flush输出]
    • Use GET for Ajax Requests [使用get请求]
    • Avoid Empty Image src             [避免空的图片src]
  • Cookie ·「缓存
    • Reduce Cookie Size [减少Cookie大小]
    • Use Cookie-Free Domains for Components [页面内容使用无cookie域名]
  • CSS ·「CSS
    • Put Stylesheets at Top [样式置顶]
    • Avoid CSS Expressions [避免CSS表达式]
    • Choose Over @import [选择link而不是import]
    • Avoid Filters [避免使用Filters]
  • JavaScript ·「JavaScript
    • Put Scripts at Bottom [脚本置底]
    • Make JavaScript and CSS External [使用外部的JavaScript和CSS3]
    • Minify JavaScript and CSS [简化的Js和css]
    • Remove Duplicate Scripts [脚本去重]
    • Minimize DOM Access [减少Dom访问]
    • Develop Smart Event Handlers [使用智能事件处理]
  • Images ·「图片
    • Optimize Images [优化图片]
    • Optimize CSS Sprites [优化雪碧图]
    • Do Not Scale Images in HTML [不要在html中缩放图片]
    • Make favicon.ico Small and Cacheable [使用小且可缓存的favicon.ico]
  • Mobile ·「移动客户端
    • Keep Components Under 25 KB [保持单个内容小于25KB]
    • Pack Components Into a Multipart Document [打包组建成复合文档]

https://developer.yahoo.com/performance/rules.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/158478.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月13日 下午2:00
下一篇 2022年7月13日 下午2:00


相关推荐

  • 即梦图片4.0来了!文生图修图组图一键搞定,小白也能秒变设计师

    即梦图片4.0来了!文生图修图组图一键搞定,小白也能秒变设计师

    2026年3月13日
    2
  • SQLyog安装成功步骤(附带码),2021版最新

    SQLyog安装成功步骤(附带码),2021版最新一、SQLyong安装:先是一路next,自己改变一下安装路径,点自己激活:Name自己取,下一行输入dd987f34-f358-4894-bd0f-21f3f04be9c1即可二、各种类型的算法高频面试题汇总:https://blog.csdn.net/qq_40262372/article/details/112556249三.群里已有字节、滴滴大佬,可帮忙内推!也欢迎其他大厂的工作人士进群!帮忙内推~QQ群:725936761四、B站视频讲解如何三个月学习JAVA..

    2022年5月11日
    90
  • java二维数组随机赋值_java 二维数组随机赋值

    java二维数组随机赋值_java 二维数组随机赋值java二维数组随机赋值[2021-01-3100:08:55]简介:目的:使用二维数组打印一个10行杨辉三角。(视频教程推荐:java课程)思路:1.第一行有1个元素,第n行有n个元素;2.每一行的第一个元素和最后一个元素都是1;3.从第三行开始php修改二维数组中值的方法:1、通过【for($i=0;$i<count(Array());++…

    2022年6月4日
    65
  • Python range() 函数用法

    Python range() 函数用法

    2021年10月21日
    62
  • shell循环控制sleep、continue、break

    shell循环控制sleep、continue、break循环控制语句sleepN脚本执行到该步休眠N秒continue跳过循环中的某次循环break跳出循环继续执行后续代码首先,要明确“break”与“continue”的区别:break:在for循环使用break,则跳出这个循环,循环命令结束continue:使用后,在当前循环终止命令,直接进入下个循环而break与countine都是作用于单个循环,如果想要进行多层循环操作,则需要在后面加数字,如break2和continue2。sleepN脚本执行到该步休眠N秒[ro

    2022年7月24日
    8
  • Rinetd工具的使用

    介绍起因:为了提高系统的安全性,一般情况下,线上的服务都是通过反向代理来接收连接请求的,那么线上的服务是不需要通外网的。但是如果要应用在不通外网的情况下访问第三方接口的去获取一些数据,那么就需要借助rinetd工具。rinetd工具可以做端口转发,也就是说我可以将获取数据的接口的url做重定向到跳板机上,再由跳板机去获取数据返回给应用程序编译安装:wgethttp://www.boute…

    2022年4月1日
    72

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号