减少http请求。 使用 HTTP2。 使用服务端渲染 静态资源使用 CDN 将 CSS 放在文件头部，JavaScript 文件放在底部 使用字体图标 iconfont 代替图片图标 善用缓存，不重复加载相同的资源 压缩文件 图片优化 (1). 图片延迟加载 (2). 响应式图片 (3). 调整图 ...
分类：
其他好文 时间：
2020-11-17 11:52:44
阅读次数：
4
织梦超简单“加载更多”“无限下拉”插件,支持动静态,支持图片延迟加载 ...
分类：
其他好文 时间：
2020-08-08 17:36:51
阅读次数：
56
从Google Chrome 77版本起，开始本地延迟功能。 如下引用原文： I’m not sure how I missed native lazy loading in my last video! It’s pretty amazing, so I’m including it now. L ...
分类：
其他好文 时间：
2020-06-24 14:20:28
阅读次数：
69
一、HTML代码如下： 二、jQuery代码如下： ...
分类：
Web程序 时间：
2019-04-01 18:39:01
阅读次数：
185
一、简介： 在html中请求图片是最大的一处难题，图片的大小给我们的服务器带来了很大的压力，造成了请求时间过长、图片难以加载出来。jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。 基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载 ...
分类：
Web程序 时间：
2019-03-25 10:26:40
阅读次数：
253
<script type="text/javascript"> $(function(){ $(window).scroll(function(event) { var ah=$(window).scrollTop(); var ch=$(window).height() $('.img_box') ...
分类：
其他好文 时间：
2018-07-18 14:14:40
阅读次数：
160
问题出现背景 在项目底部导航中，有图片和文字，点击的时候文字和图片不会同时变选中状态，出现的原因是图片延迟加载，解决此问题的方案是实现图片预加载； 解决方法： 1、使用css进行图片预加载 原理是加载了该图片，但是我们不显示在可视范围内。这种方式极其简单。但是也有一个致命的弱点，图片跟随文档一同加载 ...
分类：
其他好文 时间：
2018-06-27 17:28:16
阅读次数：
146
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * {margin:0; padding:0;} ul {list-style:none ...
分类：
其他好文 时间：
2018-03-25 20:46:41
阅读次数：
199
定义：为其他对象提供一种代理以控制对这个对象的访问。代理对象起到中介作用，可去掉功能服务或增加额外的服务（火车票代售处）。 远程代理（客户端服务器模式） 虚拟代理（网站图片延迟加载） 保护代理（控制用户的访问权限） 智能引用代理（火车票代售处） 静态代理 定义：代理和被代理对象在代理之前是确定的，它 ...
分类：
其他好文 时间：
2018-03-21 15:04:48
阅读次数：
162
用最清晰简洁的方法整合一个响应式相册 <! more "效果" 技术选型 由于我选用的主题使用了fancyBox作为图片弹出展示的框架，查看后表示很不错，能满足需要 "http://fancyapps.com/fancybox/3/" 图片加载可能会太慢，所以还需要一个图片延迟加载插件 "Lazyl ...
分类：
其他好文 时间：
2018-02-24 14:54:34
阅读次数：
234
