改善我的网站性能

Question

我有一个仅静态网站，该网站托管在Google App Engine上。 Cloudflare CDN位于其中。

我已经对Google Page进行了见解，以使我了解我的网站的运行情况，但据Google称，它的运行情况并不理想。 我希望Google看到它在SEO方面表现良好。

这是我从Google获得的报告：

有两种建议：

1）在首屏内容中消除渲染阻止的JavaScript和CSS显示如何修复

2）利用浏览器缓存

对于问题1，我已经尝试了很多在Google上阅读的内容。 我尝试将'aync defer'添加到link属性。 我试图使media = print，以便浏览器将首先呈现html，然后再应用css。 我尝试将链接到样式表的链接移到html文档的不同位置。 本质上，我尝试遵循以下方法： https : //developers.google.com/speed/docs/insights/OptimizeCSSDelivery 。

截至目前，我的html页面（我的网站仅位于静态html页面上）的结构如下所示：

<html>
<head>
<!-- all links/references to css files and javascript files -->
</head>
<body>
</body>
</html>

我的第二个问题是浏览器缓存，我不明白为什么会收到此错误。 Google App引擎会缓存文件，然后在Cloudflare CDN的顶部设置文档上的缓存标头（以及gzip），以便浏览器对其进行缓存（以下是Cloudflare缓存组件已打开）。

运行页面时，我可以看到浏览器正在缓存静态文件并在chrome工具中使用这些缓存的文件：

这确实是我第一次创建生产静态网站，所以我可能会误解很多事情，但是我正在寻找如何消除这两个问题。

干杯

Answer 1

我不知道google是否正在对此进行测量，但是通常建议从以下地址加载Bootstrap和Jquery，因为它们被许多网站使用，因此即使它们从未访问过您的网站，它们也已经在浏览器缓存中。 （对于字体真棒，肯定也可以找到）。

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/YOUR_BOOTSTRAP_VERSION/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/YOUR_BOOTSTRAP_VERSION/js/bootstrap.min.js">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/YOUR_JQUERY_VERSION/jquery.min.js"></script>

改善我的网站性能

问题描述

1 个解决方案

解决方案1
0 2018-10-17 08:28:04

改善我的网站性能

问题描述

1 个解决方案

解决方案1 0 2018-10-17 08:28:04

解决方案1
0 2018-10-17 08:28:04