处理Wordpress中加载font.googleapis.com访问速度慢解决方案

简介: 国内网文google会有各种的限制问题,可以通过下面方法来解决该问题

问题描述:
image.png
可以从上图中看出,加载css?family=Open...一共用时35.36s之久,最终还是加载失败
进入这个url:
image.png
发现是fonts.googleapis.com链接,由于国内对google的限制问题,大概明白了问题所在

这里的解决方法共分为4步:

  1. 把这个css文件下载到本地,并命名为google-font.css文件,放置在根目录下的/wp-includes/fonts/google-font/google-font.css
  2. 打开google-font.css一看,里面包含了大概包含了四种字体文件,分别下载下来
    image.png
    字体文件放置在根目录/wp-includes/fonts/google-font文件夹下面
    所以需要把google-font.css中的字体链接修改为读取本地
    大致的样子如下:
    image.png
    3.在根目录下找到的/wp-includes/script-loader.php文件,(大概在1500行前后)修改
    //$open_sans_font_url = "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets&display=fallback";
    $open_sans_font_url = "/wp-includes/css/google-font.css";
    
    4.在根目录下wp-content/themes找到所使用主题的根目录下的function.php文件(大概在255行前后)修改
     // if ($fonts) {
     //     $fonts_url = add_query_arg(array(
     //         'family' => urlencode(implode('|', $fonts)),
     //         'subset' => urlencode($subsets),
     //         'display' => 'swap'
     //             ), '//fonts.googleapis.com/css');
     // }
     if ($fonts) {
         $fonts_url = add_query_arg(array(
             'family' => urlencode(implode('|', $fonts)),
             'subset' => urlencode($subsets),
             'display' => 'swap'
                 ), '/wp-includes/css/google-font.css');
     }
    
    文中所需文件:https://yafengliang.lanzout.com/i59ac0k9jele 密码:98yq
目录
相关文章
|
8月前
|
存储 缓存 运维
LAMP架构调优(五)——网页缓存设置
LAMP架构调优(五)——网页缓存设置
50 1
|
存储 缓存 前端开发
WordPress缓存插件WP Fastest Cache插件使用教程
WordPress缓存插件WP Fastest Cache插件使用教程
1119 0
|
6月前
|
Linux
宝塔开启“网站防篡改程序”后根目录爆满,/www/server/panel/plugin/tamper_proof/sites内容过多是否可以删除,永久解决方案
宝塔开启“网站防篡改程序”后根目录爆满,/www/server/panel/plugin/tamper_proof/sites内容过多是否可以删除,永久解决方案
144 0
|
8月前
|
Web App开发 Windows
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
482 0
|
存储 缓存 PHP
Joomla缓存选项使用完整指南
让自己的Joomla网站运行速度更快。了解到缓存选项,有助于网站的运行速度。这篇文章解释了可用的选项以及如何启用它们。缓存处理好的网站要比没做任何缓存处理的网站运行速度快上一个层次。
Joomla缓存选项使用完整指南