小编Joh*_*dam的帖子

我在Google的firebase上托管了我的个人博客.我的博客基于jekyll.Firebase提供firebase.json文件,项目所有者可以从该文件修改http标头.

我有我的CSS文件 https://blogprime.com/assets/css/init.css和我的字体https://blogprime.com/assets/font/fontname.woff(http缓存控制无法正常工作)

我的图像存储在: https://blogprime.com/assets/img/imagename.entension:(http缓存控制工作)中.

即使两个图像和CSS,字体都是从根目录下的两个dir.

现在是我的.json文件代码..

{"hosting": 
    {"public": "public",
    "headers": [
        {"source" : "**/*.@(eot|otf|ttf|ttc|woff|css)",
        "headers" : [
            {"key" : "Access-Control-Allow-Origin",
            "value" : "*"}]
        }, 
        {"source" : "**/*.@(jpg|jpeg|gif|png)",
        "headers" : [
            {"key" : "Cache-Control",
            "value" : "max-age=30672000"
            }]
        }, 
        {"source" : "404.html",
        "headers" : [
            {"key" : "Cache-Control",
            "value" : "max-age=300"
            }]
        }]
    }
}

在添加这个之前我的图像和一切都有1小时的缓存寿命....但现在只有我的css文件和字体文件有1小时的缓存寿命.

你能告诉我如何为我的css文件修复"Leverage Browser Caching".我认为他们的目录链接结构存在一些问题,我有"来源":"/*.@(etc'otf | ttt | ttt | woff | css)",**.我真的不知道如何解决它.

您可以查看Google pagespeed测试..

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fblogprime.com%2Fwordpress%2Fdns-prefetch-in-wordpress.html

我正面临HTML Tidy的严重问题(最新版本 - https://html-tidy.org).

简而言之:HTML整理转换这些HTML代码行

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<div class="wrap">
    <span property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" title="Codes Category" href="https://mysite.works/codes/" class="taxonomy category">
            <span property="name">Codes</span>
        </a>
        <meta property="position" content="1">
    </span>
</div>

进入这些代码行 - 请仔细查看META TAGS的位置.

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<div class="wrap">
    <span property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" title="Codes Category" href="https://mysite.works/codes/" class="taxonomy category">
            <span property="name">Codes</span>
        </a>
    </span>
    <meta property="position" content="1">
</div>

这导致了模式验证的一些严重问题.您可以在此处查看代码:https://search.google.com/structured-data/testing-tool/u/0/

由于此问题,客户端(URL:https://techswami.in)痕迹导航在搜索结果中不可见.

我在美化什么？

我的客户希望我让他/她的网站的源代码看起来"干净,可读和整洁".

所以我使用这些代码行来使它适合他/她.

注意:此代码100%完美地适用于以下WordPress设置.

• Nginx与FastCGI Cache/MariaDB
• PHP7
• Ubuntu 18.04.1
• 最新的WordPress并与每个缓存插件兼容. …