Google Speed Test性能问题

时间:2017-04-18 12:20:53

标签: javascript html .htaccess

我已在Google Speed Test Tool中查看了我的网站。有些页面的速度得分很慢。如何修复未被评为“好”的所有分数。我用来测试Urls的网站是testmysite.thinkwithgoogle.com,我对移动速度只是“公平”。我正在使用htaccess文件进行URL重定向。

注意:

1)使用此网站缩小了所有CSS和HTML代码minifycode.com/html-minifier

2)使用Critical path css generator在html中添加外部css样式(在内部添加一些样式) - jonassebastianossonsson.com/criticalpathcssgenerator

3)已经在.htaccess文件中添加了以下代码。

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteOptions Inherit
ReWriteCond %{HTTP:accept-encoding} (gzip.*)
ReWriteCond %{REQUEST_FILENAME} !.+\.gz$
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.+) $1.gz [QSA,L]
</IfModule>

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl|gz|zip|xsl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^application/javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/opentype
# For Olders Browsers Which Can't Handle Compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>



## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

感谢您的支持。

screenshot of google speed test result

1 个答案:

答案 0 :(得分:1)

为了获得更高级的结果,我建议您选择Google Audit或也称为&#34; Google Lighthouse&#34;测试。在此测试期间,您将准确地看到哪些不起作用,而且大多数时候也会提出有关如何解决问题的建议。您希望实现的是性能和可访问性的绿色。

Pagespeed before and after

还有一个真正的helpful blog entry涵盖了lazyloading using lazysizes JS和why that matters

如果没有指向您网站或来源本身的实际链接,很难直接向您提供反馈,并且&#34;如何解决&#34; - 但通过上述审核,你应该找到自己的方式。