文/Robin
本站推广
币安是全球领先的数字货币交易平台,提供比特币、以太坊、BNB 以及 USDT 交易。
币安注册: https://accounts.binancezh.pro/cn/register/?ref=11190872
邀请码: 11190872
在第一篇网站优化日志中,写到了一些优化策略。本篇文章从主题格式、增加功能方面讲解下网站的优化。
第一,博客主题由两列显示改为一列显示,右侧导航栏完全取消,包括关于、Google 搜索、分类、Blogroll。
之前博客采用两列展示,左列是文章,右列是关于等页面。就像 Medium 所提倡的,内容服务应该给阅读一种沉浸式的体验,显然右侧的页面给读者太多干扰。在
继续阅读 »
文/Robin
本站推广
币安是全球领先的数字货币交易平台,提供比特币、以太坊、BNB 以及 USDT 交易。
币安注册: https://accounts.binancezh.pro/cn/register/?ref=11190872
邀请码: 11190872
Table of Contents
{:toc}
一 写在前面
本站 2015 年初建立,当时访问速度很慢。电脑上花很长时间才能打开,手机上基本上打不开。当时我就在想,一个静态博客不至于那么慢吧。我的网站就是一些博文,文字居多,图片也很少,怎么加载速度那么慢呢?从用户体验来看,一个网站在 5 秒以内打开都可以忍受,超过这个时间体验降一个档次,时间越长,体验越遭。
继续阅读 »
本文主要说明不蒜子访问统计在Landscape-plus主题下的应用,理论上下面的方法同样适用于Landscape主题。
关于light主题下不蒜子的应用可以参考:给hexo配置上评论和访问量
安装脚本
这是使用不蒜子的前提,即要使用它必须先添加它的脚本。
打开themes\landscape-plus\layout_partial\after-footer.ejs,在最后添加上下面的脚本即可,当然你也可以添加到 header.ejs 或 footer.ejs 中。目前最新版本2.3。
bash
网站访问量统计
more
打开themes/landscape-plus/layout/_partial/footer.ej
继续阅读 »
有过网站优化经验的都知道,减少请求的页面大小可让网站速度变更快,这里我们可以利用Nginx自带的Gzip模块来实现优化
Gzip(GNU-ZIP)是一种压缩技术。经过Gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用户浏览页面的时候速度会块得多。Gzip的压缩页面需要浏览器和服务器双方都支持,实际上就是服务器端压缩,传到浏览器后浏览器解压并解析。浏览器那里不需要我们担心,因为目前的巨大多数浏览器都支持解析gzip过的页面。 Nginx的压缩输出有一组gzip压缩指令来实现。相关指令位于nginx.conf 的http{….}两个大括号之间。
继续阅读 »
你对 HTTP 有什么了解
网站性能优化有哪些方法
你了解快速排序吗
and that's it
Before Interview
15:20 腾讯打电话过来问我方不方便有时间吗?我说可以等我 5 分钟吗?然后他说,那我 1 个小时之后再打电话过来,我说好
继续阅读 »
PageSpeed可以有效缩短网页加载的时间,减少网站服务器的带宽使用量。他里面有众多的重写"过滤器",每个过滤器都可以选择性地开启/关闭,从而自动进行各种优化(比如,减小文档大小、减少HTTP请求数据、减少HTTP往返次数以及缩短DNS解析时间)。
继续阅读 »
单页面架构的 dom 结构是用 js 动态构建出来的,而搜索引擎抓取的时候是不管 js 的,这样单页面架构是很不利于 SEO 的,而 SEO 对于一个对外的应用来说是非常重要的,放弃 SEO 等于放弃了网站的最大的流量入口:搜索引擎。
单页面应用 SEO 优化的思路就是判断请求是否来自搜索引擎,如果是搜索引擎在爬取页面,提供一个无界面的浏览器去访问网页,得到通过 js 渲染过后的 html 代码,再返回给搜索引擎。
继续阅读 »
博客运行一个多月了,各方面都很满意。唯独国内访问网站速度很慢。
多余但必须的废话
平时开着VPN,访问速度倒是不慢,在国内还是很有必要为自己搞一个稳定vpn的,至于原因你们都懂的,除非你肉神翻墙。那么问题来了,哪家vpn稳定且技术强?在这里推荐自己用了很长时间的vpn,不管是看YouTube,还是上google的developer.android.com速度都是刚刚的。
我的云梯{:target="_blank"},通过这个链接购买的用户,可以优惠10元哦。
继续阅读 »
今天系统突然响应慢了很多,所以就考虑对目前的系统进行优化,底层mysql开启慢查询日志的记录,同时使用一些测试的工作对网站的性能进行测试。我们使用chrome浏览器进行分析加载速度的时候发现很多没有注意到的细节,这是我们以后运维需要加强学习的地方。我们发现有很多css和js文件都100多kb,造成资源加载的时候会非常慢,同时使用一些在线工具eg阿里测等进行监测,我们确实有很多工作可以做,例如开启tomcat的gzip压缩。
继续阅读 »
高性能的 Web 应用是获得伟大用户体验的关键。随着 Web 应用越来越复杂,要想建立吸引人的用户体验,了解性能的影响是至关重要的。在过去的几年中,浏览器中也新增了许多 API 来帮助我们分析网络性能、页面加载时间等。但这些并没有给出详尽的足够灵活的方式,来帮助我们分析具体是什么降低了我们网站的性能。User Timing API 提供了一套机制来帮助我们测量我们的应用,从而找到应用中耗时的部分。在本文中,我将介绍这个 API 并提供一些如何使用它的例子。
你不能优化那些不能被测量的东西
给运行缓慢的应用提速的第一步是,找到应用中耗时的部位。要想找到这些烫手山药,最理想的方式就是对 JavaScript 代码进行区域性的运行时间
继续阅读 »