图片延迟加载
2016-07-19 20:46:16 0 举报
AI智能生成
图片延迟加载是一种网页优化技术,旨在提高页面加载速度和用户体验。它通过仅在用户滚动到图片可见区域时才加载图片的方式,减少了初始页面加载时间。这种技术可以显著减少服务器的负载,并提高页面的响应速度。此外,图片延迟加载还可以节省带宽,因为它只加载用户实际看到的图片。总之,图片延迟加载是一种有效的方法,可以在不牺牲用户体验的情况下提高网页性能。
作者其他创作
大纲/内容
1、编写代码 通过浏览器可以给用户呈现一个视图效果
a、当代码量很大的时候 浏览器解析过程中会耗费时间
解决方案:减少代码量
b、网页中应该减少不必要的空行 空格
c、提高用户体验 提高页面响应速度
d、js html css代码压缩
e、自动优化工具(radwarefastview)
d、使用ajax做异步属性 加载
e、减少http请求 使用memcached
f、为什么很多网页请求方式会使用到get
分析需求
1、view
a、当前项目中 图片一定要多
2、动态效果
图片在做延迟加载时 呈现的是一个加载状态(LOGO)
开发
给用一个视图
html
超文本 标记 语言(规范 规则)
作用:可以被浏览器解析
语法(使用):
告诉浏览器当前语言的版本 Html5 1、必须要在首行 2、对大小写不敏感
html: html1-5 xhtml
结构
head(头标签) 告诉浏览器解析的字符集合 专门做搜索引擎排名优化
梳理总结
当前html 存在大量的含有特殊含义的标签构成的一种语言(浏览器看得懂)
大多数的标签都是成对出现的 一组<开始>结束>
个别标签是单独的存在 自结束标签
在一个标签中出现的单词叫做该标签的一个属性 = “值”
css
层叠样式表
作用:给html穿衣服 完成视图的布局 效果
css使用
1、head中添加一个style的标签
a、找到添加样式的元素 标记是那个?
b、通过具体的选择器完成该标签的一个属性定义
0 条评论
下一页