header设置缓存

https://blog.csdn.net/weixin_44272077/article/details/122514218

异步加载 preload 和 media

<head>
    <meta charset="utf-8">
   ＜meta http-equiv="Window-target" content="_top"＞
   <!-- 设定进入页面时的特殊效果 -->
   <meta http-equiv="Page-Enter" contect="revealTrans(duration=1.0,transtion=22)">   
   <!-- 设定离开页面时的特殊效果-->
    <meta http-equiv="Page-Exit" contect="revealTrans(duration=1.0,transtion=12)"> 
    <!-- 设置微信公众号空白 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="content-type" content="no-cache, must-revalidate" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="expires" content="10000" />
    <meta name="viewport"  content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--清除缓存（再访问这个网站要重新下载！）-->
    <!-- <meta http-equiv="cache-control" content="no-cache"> -->
    <!-- 关键字,给搜索引擎用的  -->
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <!-- 页面描述   -->
    <meta http-equiv="description" content="This is my page">
     <!-- 强制 https--> 
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
    <link rel="preload"href="daisyui.min.css"as="style">
   <link rel="stylesheet" href="daisyui.min.css"media="print"onload="this.media='all'">
   <link rel="preload"href="tailwind.min.css"as="style">
   <link rel="stylesheet" href="tailwind.min.css"media="print"onload="this.media='all'">
</head>

type=”module”


<script src="path/to/myModule.js" defer></script>
<script src="path/to/myModule.js" async></script>

/*script 标签打开 defer,或 async 属性，脚本就会异步加载***/
/*defer 与 async 的区别在于：
defer 要等到整个页面在内存中正常渲染结束(DOM结构完全生成，以及其他脚本执行完成)，才会执行
async 是一旦下载完，渲染引擎就会中断渲染，执行这个脚本以后，在继续渲染。
如果有多个 defer 脚本，会按照页面出现的顺序加载。而多个 async 脚本是不能保证加载顺序的。
*/

<script type="module" src="./foo.js"></script>
<!-- 等同于 -->
<script type="module" src="./foo.js" defer></script>

<!-- 在HTML页面内嵌入ES6 模块 -->
<script type="module">
  import utils from "./utils.js";
  // other code
</script>

nginx缓存


#图片缓存时间设置
location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 8d;
}
#JS和CSS缓存时间设置
location ~ .*.(js|css)?$
{
expires 2h;
}

在打开网站的时，总是提示“是否需要翻译”，想要阻止网页打开时弹出上面的翻译窗口，有两种设置方式：

1 在html文件的head标签中添加meta标签 推荐：

 <meta name="google" content="notranslate" />

2 设置html标签lang属性为zh-CN

<html lang="zh-CN">
文档更新时间: 2022-10-27 09:43   作者：admin