我一直在对我的网站进行故障排除,因为页面加载速度非常缓慢。由于该网站作为博客服务,每篇博客文章都有分享图标,因此每个页面都有多个图标。通过移除Font Awesome字体,我发现网站速度极大提升。现在我不确定该怎么办,因为我需要这些图标。有什么建议吗?
更新: 我尝试使用自己的服务器和CDN,但结果相同。
我一直在对我的网站进行故障排除,因为页面加载速度非常缓慢。由于该网站作为博客服务,每篇博客文章都有分享图标,因此每个页面都有多个图标。通过移除Font Awesome字体,我发现网站速度极大提升。现在我不确定该怎么办,因为我需要这些图标。有什么建议吗?
更新: 我尝试使用自己的服务器和CDN,但结果相同。
将这个记在脑海中:
Load this into your head:<script type="text/javascript"> (function() { var css = document.createElement('link'); css.href = 'https://use.fontawesome.com/releases/v5.1.0/css/all.css'; css.rel = 'stylesheet'; css.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(css); })(); </script>
这到底是做什么的?
它通过放置在页面头部的JavaScript加载Font Awesome。基本上,我们在呈现页面之前呈现Font Awesome,这意味着它应该更快地加载。
ExpiresActive On
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType text/html "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 month"
要了解如何加速您的网站,您可以在以下链接进行测试:https://developers.google.com/speed/pagespeed/insights/