别做无用功-禁止谷歌字体真的能加速网站访问速度吗?
图片转存失败,个人博客alvincr.com,本文链接:https://alvincr.com/2021/01/google-fonts/
首先禁用谷歌字体是需要分地区而言的,能够访问外网的用户使用谷歌字体体验不会很差,此外你还需了解你的网站是否真的使用了谷歌字体,不然操作半天结果只是增加了代码的复杂度。
0 你真的需要删除谷歌字体吗?
对于大陆地区而言实际上2016年之后便可以访问了,但是实际效果并不清楚。
一开始我差点就信了很多网站的加速介绍,心里默认WP使用谷歌字体,但是发现了不对劲的地方:搜索引擎首页推送的该类文章,大部分都比较老了,甚至追溯到2010年。虽然通过设置搜索关键字将时间范围缩短到一年内,但是大部分文章都是换汤不换药,还用360给的接口,这里不是说360接口不好,而是因为此项目在2016年就已经停止,目前使用geekzu接口的方法更好些。
接着alvincr搜索关于鉴别是否使用WP字体的相关方法,发现基本没有相关的文章,都是关于怎么删除谷歌字体的,而且内容雷同。(图:1年内检测是否调用谷歌字体的文章)
--
方法
查找API
综上我提供一下我自己的方法,如有错误请斧正
首先需要使用无痕模式(测试环境为谷歌浏览器)进行访问自己的主页,避免cookie及其它保存在本地内容的干扰,
按f12进入控制台,我平日使用的几个浏览器的进入方法应该一样,如果进不去请谷歌搜索一下,使用ctrl+f组合键进入搜索选项,在搜索框内输入googleapi(也可以输入font或是api自己慢慢找,以免遗漏)
<link as="style" data-reload-stylesheet="true" href="https://fonts.googleapis.com/css?family=Roboto%3A400" rel="preload">
检测API
上面找到含有https://fonts.googleapis.com并没有结束,在我的网站中插入了一两个谷歌ads广告,也有可能它调用的谷歌字体,但是由于它是异步调用(详解查看相关知识),所以不会影响到网站访问速度,因为不知道是什么调用了谷歌字体,所以需要搜索一下该段代码所在的位置。
由于我的网站在本地有保存,因此我这里以win10为例,找到站点根目录,按住shift点击鼠标右键,选择打开powershell窗口。
findstr.exe /s /i "https://fonts.googleapis.com" *.*
也可以使用管道输出:findstr.exe /s /i "https://fonts.googleapis.com" *.* | alvincr-findstr.txt
在alvincr.com这里我找到使用https://fonts.googleapis.com地址的文件有下面几个(这里也可以选择googleapis、fonts、apis等关键字进行搜索):
在这里看起来超级混乱,因此新建一个文本,将其复制到文本中,就能够清晰的看到使用该接口的所有文件。
在这里可以发现个人主题并没有调用谷歌api字体的迹象,并且我的文章基本没使用elementor进行编辑,所以并没有修改的必要性。
不过为了学习修改方法,下面将尝试进行修改。
alvin cr.com
相关知识
同步和异步调用
同步调用:当一个方法被调用时,调用者需要等待该方法执行完毕并返回才能继续执行,因此网站加载时必须等待同步调用完成才行,加载这个过长会延长等待时间=。
异步调用:当一个方法被调用时立即返回,并获取一个线程执行该方法内部的业务,调用者不用等待该方法执行完毕,调用线程不会暂停,而是继续执行其他内容,因此如果把一些不需要立即使用的任务设为异步执行,便可以提高程序的运行效率。
1 背景
Google部分地区无法访问,导致不使用代理就无法加载谷歌字体(不过对于大陆地区而言实际上2016年之后便可以访问了,但是实际效果并不清楚)。有新搭建的WordPress网站,没有任何图片也很慢。其实很多时候WordPress速度慢并非主机的原因,而是因为谷歌字体无法访问的原因。
截至2016年360前端库已停用,为了个人网站正常工作,最好使用geekzu库进行替代。
2解决方法
代码
方法1 url替换
方法很简单,只需要将通过上文找到的url地址替换一下就可以了,比如上文我element中使用谷歌api,找到相应文件
图片
方法3 本地替换
下载替换的字体到本地,例如从https://fonts.google.com/下载Bodoni Moda
下载的文件打开后也可预览效果,然后选择一个喜欢的字体上传。
可以使用font uploader上传工具直接上传,也可手动设置:
将下载好的字体放入(子)主题文件夹根目录下,然后修改调用函数。
插件
Disable Google Font
注意事项
如果使用缓存插件,注意清理缓存
使用CDN加速,或者任何缓存插件的话,修改之后都要清空缓存,尤其是wp-total-cache等插件。
附:其它加速资源
以下内容来自:https://cdn.geekzu.org/cached.html
在此感谢大佬的无偿分享
Google前端库(Google Hosted Libraries)
源地址://ajax.googleapis.com/
替换为://gapis.geekzu.org/ajax/注意,ajax.googleapis.com/ajax/应当替换为gapis.geekzu.org/ajax/ajax/
此域名Google未提供国内CDN,大陆访问仍然较为困难,我们持续提供服务Gravatar全球头像
源地址://*.gravatar.com/avatar/
替换为://sdn.geekzu.org/avatar/Automattic自建CDN,大陆可以正常访问源地址,但速度不佳,我们持续提供服务
谷歌字体库(Google Fonts)
源地址://fonts.googleapis.com
替换为://fonts.geekzu.org此服务Google已提供国内CDN,大陆可以正常访问源地址,我们持续提供服务
因为Google针对不同UA返回不同css,此项不缓存(发现好多同类服务都加了缓存造成不同平台字体格式错乱)字体文件(Google Fonts)
源地址://fonts.gstatic.com/
替换为://gapis.geekzu.org/g-fonts/此服务Google已提供国内CDN,大陆可以正常访问源地址,我们持续提供服务
Googlesyndication
别做无用功-禁止谷歌字体真的能加速网站访问速度吗?相关推荐
- 我们每天都在做无用功?
时间是一个非常奇怪的东西,当你想挥霍它的时候,它会尽量满足你,让你觉得时间怎么挥霍都用不完.但当你想要珍惜它的时候,它又会特别吝啬,让你觉得时光飞逝,转眼已是尽头. 时间是最公平的,无论是首富还是贫农 ...
- 根据目标选择减肥方法 少做无用功
不同的美体目标适合的减肥方法也是不同的,有些人想减去大部分体重,而有些人只是想让身体曲线更柔美,这就要求有相应的减肥方法,对症下药,才会让减肥少做无用功. 目标:我想穿上小一码的衣服 建议:适当节食 ...
- 书脊开胶了用什么胶粘_鞋子开胶还傻傻用502粘?劝你别做无用功,用这笨招天天穿新鞋...
大部分人换鞋的原因都不是鞋子落伍了,也不是不喜欢穿了,而是鞋子脱胶了.鞋子脱胶后完全没法穿了,几乎70%的人鞋子脱胶后都会选择放弃,转而去挑选一双新鞋.还有的人呢就会想办法把鞋子修好,毕竟花钱买来的鞋 ...
- SAP License:这种ERP系统核查工作实际是在做无用功
前段时间跟朋友聊起他们公司持续了好几年的ERP核查工作,此时他正在一家分公司做核查.ERP核查工作我是知道的,一个季度一次,每个模块出一个人去子公司巡回巡查,主要核查ERP系统的使用情况. 核查工作主 ...
- 雷观(二十二):项目开发中,要少做无用功
最近,正在重构一个项目的后台管理系统. 注意到,所有的table列表页,都有个搜索功能.后端的搜索功能,还是需要一点代码去实现.然后,还得去测试一遍. 但是呢,忽然意识到,有的页面根本没有必要增加&q ...
- 四川一度智信:电商商家实效获取流量,不要花钱做无用功
四川一度智信:电商商家实效获取流量,不要花钱做无用功 很多入驻拼多多的商家朋友,前期运营店铺不熟悉,报名活动时盲目投入很多钱,但得到的效果却不尽人意,自然流量少,做了很多无用功,那么今天四川一度智信小 ...
- wordpress谷歌字体_适用于WordPress网站的10种性能最高的Google AdSense标语尺寸和格式
wordpress谷歌字体 One of the most common questions beginners ask after signing up with Google AdSense is ...
- 思维误区:努力学习与有效学习!不要做无用功
误.不认错什么都改变不了,只能让自己继续犯错而已,别人也会因此疏远你. 要认错很难,在于你需要建立一个正确的评价标准.第一标准是基于事实,事实胜于穷辩.有些时候事实看不到很清楚,这个时候就需要先梳理一 ...
- 不做无用功 Google Colab掉线自动重连“助手”
由于不可抗拒的因素,我们必须会用到一些外力才可以正常访问Google等网站,如果你的工具不是很稳定,那么使用Colab的时候就不会那么愉快.有时候本想着安安稳稳挂机一夜,第二天早上一看电脑才发现真的是 ...
最新文章
- idea未进行快捷键配置时的快捷键
- 走近分形与混沌(part13)--自然现象就其本质来说,是复杂而非线性的
- Java中文字符所占的字节数
- 箱线图和散点图叠加图形的绘制——R language
- 连续加班2周做出来的功能,老板说先不做了
- 单元测试 Spring
- Arrays数组的常用方法
- 在Asciidoc中的多级列表以及缩进的使用
- Linux 下使用 screen 与 conda / anaconda 环境的一点坑 | screen 中 conda 环境失效/缺 module
- BlogEngine.Net架构与源代码分析系列part2:业务对象——共同的父类BusinessBase
- S实现控制图片显示大小的方法【图片等比例缩放功能】
- 线程的属性和 线程特定数据 Thread-specific Data
- 无人机群编队分析的定位问题 分析与思考-1(数学建模竞赛2022年B题)
- 学生宿舍管理系统C语言大作业,C语言程序设计---学生宿舍管理系统
- 《网络渗透技术》 强烈推荐
- TCP协议格式和特点
- Vue 组件封装之 Result 结果页
- PFC离散元与FLAC3D数值仿真核心技术与应用” 线上培训
- 【卡尔曼滤波】我所理解的卡尔曼滤波
- 2021年全球天然橡胶行业供需现状分析:需求量迎来恢复性增长,中国市场需求量占比超40%[图]