Redis 是基于内存来存储数据的,所以 Redis 对数据读取的速度远远大于使用硬盘来读取数据的速度,因此经常被用作缓存。除此之外,Redis 还经常使用在应用排行榜、网站访问统计、数据过期处理、商品秒杀(队列机制)等地方。在本博客中,针对访问量比较大的数据,如首页信息,以及热门的文章,设计了 Redis 缓存方案。
redis入门
Redis 是一个key-value存储系统,值(value)可以是 字符串(String), 表(Hash), 列表(List), 集合(Sets) 和 有序集合(Sorted Sets)等类型。
博客优化之SEO优化
如何推广自己的博客,让自己的文章更快被搜索引擎收录,属于搜索引擎优化的范畴。如何设计出对于搜索引擎更加友好的页面,除了保证语义化的页面结构,使用友好的 URL 规则,在页面添加 Description 以外,还有很多可以提升的地方。本文中,我将介绍一下自己的博客中使用到的 SEO 相关的优化,例如 Sitemap 和 Robots
博客中meta标签的使用
在我的博客中,通过 <meta>
标签添加了一些附加的小功能,或者禁用了一些选项,这篇文章中介绍了我遇到的一些 <meta>
标签及其作用。本文长期更新
Web缓存策略总结
本文是我在学习的过程中自己总结的一些关于 Web 缓存策略的一些要点,有前端相关的,也有后端相关。
性能优化之资源缓存与更新
在上一节性能优化之静态资源优化中,我们对博客中使用到的 CSS、JavaScript、图片等做了比如大小、合并、懒加载等优化,在这一节中,我们将使用浏览器的缓存能力,对这些资源进行进一步的优化,来提升首屏加载速度等,并且我们还将讨论,针对缓存在浏览器中的数据,如何进行缓存的更新。
图片资源base64化
除ie外,大部分现代浏览器都已经支持原生的基于 Base64 的 encode 和 decode,例如 window.btoa
和 window.atob
函数。
PostCSS 入门
博客性能优化之静态资源优化
在本博客中,对 JavaScript 代码和 CSS 代码进行了压缩,并且将压缩后的代码通过内联的信息放在了 HTML 中,用来节省多次 TCP 请求的时间。除了测试 JS、CSS 代码的压缩合并对博客的优化提升,还测试的使用 Base64 处理图片,以及对文章页的图片懒加载实现与优化。
博客Web性能测试
前言
我的个人博客已经上线了!很开心这个博客可以成为我个人的试验田,本次盯上的是前端性能优化这一点,所以我准备在接下来的一段时间,用上几篇文章来介绍一下针对我的博客的优化步骤。为了更好的展示性能优化的效果,我在写这个博客系统的时候估计留下来了一些不好的编程风格 XD,其目的一是更加全面地介绍前端性能优化的方方面面,目的二是通过对这些方面更全面地学习,再重新更新一下自己的技能树,温故而知新咯。
1 | 时间与用户感觉 |