首页 建站教程 WEB前端 正文

前端优化——雅虎35条

[内容]尽量减少HTTP请求数[服务器]使用CDN(Content Delivery Network)[服务器]添上Expires或者Cache-Control HTTP头[服务器]Gzip组件[css]把样式表放在顶部[js]把脚本放在底部[css]避免使用CSS表达式[js, css]把JavaScript和CSS放到外面[内容]减少DNS查找[js, ...

[内容]尽量减少HTTP请求数
[服务器]使用CDN(Content Delivery Network)
[服务器]添上Expires或者Cache-Control HTTP头
[服务器]Gzip组件
[css]把样式表放在顶部
[js]把脚本放在底部
[css]避免使用CSS表达式
[js, css]把JavaScript和CSS放到外面
[内容]减少DNS查找
[js, css]压缩JavaScript和CSS
[内容]避免重定向
[js]去除重复脚本
[服务器]配置ETags
[内容]让Ajax可缓存
[服务器]尽早清空缓冲区
[服务器]对Ajax用GET请求
[内容]延迟加载组件
[内容]预加载组件
[内容]减少DOM元素的数量
[内容]跨域分离组件
[内容]尽量少用iframe
[内容]杜绝404
[cookie]给Cookie减肥
[cookie]把组件放在不含cookie的域下
[js]尽量减少DOM访问
[js]用智能的事件处理器
[css]选择 舍弃@import
[css]避免使用滤镜
[图片]优化图片
[图片]优化CSS Sprite
[图片]不要用html缩放图片
[图片]用小的可缓存的favicon.ico(P.S. 收藏夹图标)
[移动端]保证所有组件都小于25K
[移动端]把组件打包到一个复合文档里
[服务器]避免图片src属性为空

打赏
海报

声明:本站部分资源内容为站内原创著作,也有部分基于互联网公开分享整理,版权归原作者所有。
如侵犯到您的权益,请联系本站,我们会尽快处理,谢谢。转摘请注明出处

本文链接:https://www.umtheme.com/web/25.html

相关推荐

js判断两个input输入框必须任填一个

在表单提交中,有时需要判断两种类型必填其一,如何判断两个input只能填写一个,如果填两个或两个都不填都出现alert验证提示。实现代码如下:<!DOCTYPE html>&...
WEB前端 2021.11.08 0 272
纯css实现列表自动添加序号

纯css实现列表自动添加序号

我们写样式代码时偶尔会用到数字排行榜的设计,按序号罗列排名,例如:优美mipCms主题中的热门/热评排行:如果用li元素配合list-s...
WEB前端 2021.07.18 0 1306
Js简单实现复制指定内容到粘贴板

Js简单实现复制指定内容到粘贴板

通过以下代码,点击按钮可直接把input或者textarea里的值复制到粘贴板里,此方法不依赖jquery框架,实现简单粗暴希望对大家有所帮助。<!DOCTYPE html>...
WEB前端 2021.04.14 0 1514
发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi
感谢您的支持