首页 建站教程 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属性为空

打赏
海报

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

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

相关推荐

如何在html页面中通过css隐藏元素

在平常的页面布局中,我们经常会遇到将某个模块隐藏,而实现不同的页面布局或js交互效果,尤其是在响应式布局中比较常见,下面我们整理了一些关于实现隐藏页面元素的多种方法以及各种方法不同的特点(如:是否占据...

WEB前端 2020.09.18 0 34

web前端写html页面div+css命名规范

web前端写html页面div+css命名规范

使用良好的CSS书写规范来写CSS代码,既能最大化优化前端代码,提升代码阅读体验,更重要的是为以后维护带来方便。常用的CSS命名一般由小...

WEB前端 2020.09.08 0 88

给网页增加WOW插件滚动触发css动效

随着浏览器的兼容性增强,css3动画特效运用也越来越广,通过css3动画库加js可以实现很多炫酷的效果。比如在滚动页面时会触发展示各式各样的动画效果,通过设置调整可以改变动画的风格、延迟、偏移量等。优...

WEB前端 2018.07.04 0 3672

发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi

感谢您的支持