本文介绍在 Debian 上完成 Docker 与 Nginx 的安装,通过配置站点代理 Web 服务,结合防火墙规则与 DNS 设置,实现从系统更新到容器运行的完整部署流程,并确保域名正常指向服务器。
期望能够通过 `xooxle.example.com` 访问 `www.xooxle.com`,配置地址:「DNS 解析 DNSPod」->「域名」->「解析」->「添加记录」。
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小,以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
介绍了 `preload`、`prefetch` 和 `preconnect` 三种资源提示及其应用场景。`preload` 优化当前导航资源加载,`prefetch` 在空闲时预取未来可能需要的资源,`preconnect` 提前建立服务器连接以减少延迟。通过合理使用这些技术,可显著提升网页加载速度并优化用户体验。