Wep网页小技巧 https优化

最新推荐文章于 2022-12-12 03:00:00 发布

qq_38888230

最新推荐文章于 2022-12-12 03:00:00 发布

阅读量438

点赞数

本文链接：https://blog.csdn.net/qq_38888230/article/details/105572253

版权

本文分享了HTTPS网站优化的小技巧，包括解决HTTP资源引起的加载问题，如JS、CSS及图片不显示，通过修改链接前缀及添加元标签实现资源升级。同时介绍了宝塔面板下Nginx开启gzip压缩的方法，有效提升网站访问速度。

摘要由CSDN通过智能技术生成

Wep网页小技巧

https优化
网站转换为https 国外的css、js外链可能是造成网站卡顿的原因，改为服务器内联就可以
https的网站中引用http路径的js或css会导致不起作用，
其形如：
Html

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

解决办法：
将http:去掉，改为
Html

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

即可
移动端https网站不显示http图片
访问某个网站发现有些图片不显示，但是web端浏览器显示。
主要原因，https的网站会拦截http源的图片。
网站找了很多篇文章都没有解决方案，有人说，这是一种加载安全机制。
解决方案：
在网页头部添加

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">复制代码

自动将http的不安全请求升级为https
注意：
这里将所有连接的http 都升级为https，所以所有的http协议的资源必须有对应的https才行。

宝塔面板：Nginx开启gzip，提高网站访问速度的方法
宝塔面板，进入自己自己的网站配置，在最后的 } 前面，添加如下代码：
如图
在这里插入图片描述

```php
gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;


gzip_types image/svg+xml text/plain text/html text/xml text/css text/javascript application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript application/x-font-ttf application/vnd.ms-fontobject font/opentype font/ttf font/eot font/otf;