浅谈Javascript的加载方式和优化WordPress首屏加载时间

同步加载 我们平时最常使用的就是这种同步加载形式: 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执行。js 之所以要同步执行,是因为 js 中可能有输出 document 内容、修改dom、重定向等行为,所以默认同步执行才是安全的。…

WordPress禁用Gravatar头像加快访问速度

博客迁移过后,仗着峰值30M的带宽,我测了下博客的访问速度,大多情况下还是能达到秒开的程度,但是打开控制台发现有几个头像图片文件的加载速度非常慢,看了下来源都是WordPress的Gravatar,由于该站在大陆是隐约被ban掉的地址,因此大大加长了网站的访问速度,因此我们这里需要关掉Gravata…

给你的WordPress博客加上各种花里胡哨的特效

早年我在玩WordPress的时候喜欢各种花里胡哨的东西,什么canvas-nest,网页下雪特效,网页复制弹窗,鼠标样式,鼠标点击特效等等,但随着年纪的增长慢慢对这些不太感兴趣了,博客搬家之后只保留了部分特效,写篇文章记录一下 这些大多为JavaScript代码,在WordPress中先引入Jqu…

WordPress备份恢复和迁移

宝塔Linux面板备份网站文件和数据库 本人之前的服务器和域名即将过期,于是开始着手考虑博客备份的事情,如果你跟我一样用的是宝塔Linux面板,那么备份的操作非常简单 1.如下图,侧菜单找到-【网站】-【找到自己的域名】-点击【无备份】 2.点击打包备份,等待系统打包完毕。 3.打包完成后,就看到刚…

WordPress给编辑器添加自定义按钮

在上文中我们成功添加了Shortcodes短代码,然而在编辑的时候还是有点不方便,为了更有效率的进行文章编辑,我们还可以给WordPress的后台编辑器加上自定义按钮 添加HTML文本编辑器下的按钮 WordPress后台默认使用的是TinyMCE编辑器,Github地址。后台的按钮大致分为三种,最…

Shortcodes自定义短代码的简单用法

前言 在给博客大更新的时候,我添加了很多新的CSS样式,比如我很喜欢其中的按钮和仿Mac窗口样式,然而实际上在写文章的时候用起来却很麻烦,常常需要输入大量的Html代码,比如一个仿Mac的白色窗口,我需要输入 [crayon-5f085fce7fc99788210830/] 这样四行代码才能完全我所…

安装完WordPress后的一些建议

常见问题和建议汇总 1.提示需要输入FTP信息,插件、主题无法安装,无法创建目录: 我的解决方法:通过putty登陆VPS并输入 chown -R www:www /home/wwwroot按下回车键,即可赋予网站所在文件夹 www 权限,之后便可以顺利自动升级和安装插件。 其他参考方法 chmod…

如何用WordPress在VPS下搭建个人博客

写在前面 一直以为搭建一个网站是个很难的事情,当自己实际动手操作的时候才发现并不是所想的那样,当然这只是针对静态网站。在互联网的时代,很多东西都是现成的,只要看看教程,会用搜索引擎,站在巨人肩膀上,像我这样傻瓜式的搭建一个博客网站并不是什么难事。下面言归正传开始详细介绍,我是如何用WordPress…