Question

我制作了一张100多张幻灯片的滑块，每张幻灯片都有5张图片。所以它加载更多。有时页面死了。那么如何优化页面加载速度。

Answer 1

有很多因素会影响网站的速度提升。你可以从variouse测试工具检查你的速度

从那里你可以看到提取文件及其大小的响应和请求时间间隔。谷歌允许您下载压缩文件（压缩和仲裁js / css和优化图像）。

一些htaccess配置也会对你有帮助：

<FilesMatch "\.js\.gzip$">
    AddType "text/javascript" .gzip
</FilesMatch>
<FilesMatch "\.css\.gzip$">
    AddType "text/css" .gzip
</FilesMatch>

AddEncoding gzip .gzip

ExpiresActive On
ExpiresByType text / css "access plus 7 days"
ExpiresByType image / gif "access plus 6 months"
ExpiresByType image / jpeg "access plus 6 months"
ExpiresByType image / png "access plus 6 months"
ExpiresByType image / jpg "access plus 6 months"
ExpiresByType image / x-icon "access plus 6 months"
ExpiresByType application / font-woff "access plus 6 months"
ExpiresByType application / x-font-ttf "access plus 6 months"
ExpiresByType application / svg + xml "access plus 6 months"
ExpiresByType application / vnd.ms-fontobject "access plus 6 months"
ExpiresByType application / x-shockwave-flash "access plus 6 months"
ExpiresByType application / javascript "access plus 7 days"
ExpiresByType application / x-javascript "access plus 7 days"

禁止使用禁止或提供自定义图像选项的图像进行热链接

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yoursite.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Header set Connection keep-alive

滑块中有100多张幻灯片，如何优化加载速度

1 个答案: