通过W3C 统一验证工具的检测没有错误后,为了提高加载速度和节约空间(相对来说,css量很少的情况下,几乎没啥区别),可以通过css压缩工具把css进行压缩。 w3c css压缩 http://tool.chinaz.com/Tools/CssFormat.aspx 网速比较慢 还可以去站长之家进行 ...
分类:
Web程序 时间:
2019-10-21 17:48:38
阅读次数:
189
为什么使用缓存1.提高加载速度2.减少流量消耗3.减轻服务端压力4.没有网络时可以同样访问,优化用户体验说说我的需求:1.有网的时候使用缓存较短时间,及时更新,没有网的时候缓存更长时间2.指定的接口产生缓存文件,其他接口不会产生缓存文件3.可通过下拉刷新强制刷新实现原理Retrofit2实现缓存自然... ...
分类:
其他好文 时间:
2019-10-21 00:04:08
阅读次数:
141
jQuery 一、jQuery介绍 1. jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write l ...
分类:
Web程序 时间:
2019-10-19 20:33:35
阅读次数:
108
一、CSS Sprite雪碧图使用场景 浏览器通常很快就可以将文本显示出来,但图像往往会减慢页面的加载速度。这一现象在移动端尤为明显,为了解决这个问题,可以将多个图像拼合成单个背景图像(sprite),再通过CSS控制具体显示图像的哪一部分。 CSS雪碧即CSS Sprite,也有称之为CSS精灵, ...
分类:
Web程序 时间:
2019-10-19 00:07:20
阅读次数:
108
1、优化某个接口或加载速度(H5加载速度慢) 抓包看Overview ①看Duration,就是接口的加载时间 ②看Latency,就是延时一端传播到另一端所花费的时间;一般和网络有关;可以综合Duration和Latency看是否是接口慢还是网络慢 ③接口返回数据大小 Response 优化前端显 ...
分类:
其他好文 时间:
2019-10-17 15:36:36
阅读次数:
293
精灵技术产生的背景 图所示为网页的请求原理图,当用户访问一个网站时,需要向服务器发送请求,网页上的每张图像都要经过一次请求才能展现给用户。 然而,一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接受和发送请求,这将大大降低页面的加载速度。为了有效地减少服务器接受和 ...
分类:
Web程序 时间:
2019-10-16 19:42:06
阅读次数:
191
文章来源运维公会:nginx的gzip模块详解以及配置1、gzip模块作用gzip这个模块无论在测试环境还是生产环境都是必须要开启,这个模块能高效的将页面的内容,无论是html或者css、js亦或是图片等都可以进行压缩,节省了带宽资源,也提高了网站的加载速度,给浏览者带来更优质的服务。2、启用gzip只要在nginx的配置文件nginx.conf中去配置。在http{gzipon;gzip_min
分类:
其他好文 时间:
2019-10-15 13:35:40
阅读次数:
72
angular 中的自定义模块: 当项目比较庞大时,组件非常之多,这时候需要把相同功能的的组件分模块加载。分模块加载有两大好处: 1. 项目结构清晰 2. 提高加载速度 一. angular中自定义模块的目录结构划分: 二. 创建自定义模块 执行 ng g module modules/user, ...
分类:
其他好文 时间:
2019-10-06 13:33:25
阅读次数:
100
响应时间 app启动:首次安装启动、冷启动、暖启动、热启动 app交互:事件响应、内部加载速度、首屏渲染 接口性能:dns、http/https、download、json h5性能:cache、资源加载、dom、page UI性能检测常用办法 UI性能检测常用办法 adb logcat 录屏+视频 ...
分类:
移动开发 时间:
2019-10-02 12:43:47
阅读次数:
150
next 简介 Next.js 是一个轻量级的 React 服务端渲染应用框架 next 特点 默认情况下由服务器呈现 自动代码拆分可加快页面加载速度 简单的客户端路由(基于页面) 基于 Webpack 的开发环境,支持热模块替换(HMR) 能够与 Express 或任何其他 Node.js HTT ...
分类:
Web程序 时间:
2019-10-01 14:34:26
阅读次数:
129