官网上指出Vue3有6种使用方式,其中一种是 SSG。本着先吃透官方文档的原则,今天上车体验一下SSG。 image.png SSG简介 SSG(Static site generation),中文叫静态站点生成。当一个html页面中只有静态数据时,无需发送请求更新,可以进行预渲染。 我们知道,页面渲染需要消耗浏览器性能。 常见的SPA页面加载流程是: 请
IT之家 3 月 22 日消息，Vue.js 团队发布 VitePress 1.0 版本。VitePress 是一个静态站点生成器（SSG），基于 Vite 和 Vue 前端框架构建。VitePress 支持获取用 Markdown 编写的内容，对其应用主题，并生成可以轻松部署的静态 HTML 页面。官方表示，VitePress 目前适用于两个场景：文档：VitePress 附带一个专为技...
Nuxt.js 对 SSG 的支持 在开始之前，我们需要先了解 SSG 的含义，SSG（Static Site Generators）：静态站点生成。就是将应用中用到的所有页面，全部生成静态文件的方案；静态站点生成方案，更适合 CDN、缓存、内容数据无变化的页面，比如：宣传页、博客文章、帮助文档、新闻页面、电商产品列表等众多应用场景；因为页面...
将一个Vue项目重构为Nuxt项目可以带来许多好处,包括服务器端渲染(SSR)、静态站点生成(SSG)、更好的SEO和更快的加载速度。1、创建新的Nuxt项目,2、迁移现有代码,3、配置路由,4、设置布局和页面,5、处理插件和中间件。以下是详细的步骤和注意事项。 一、创建新的Nuxt项目 ...
Jamstack / 静态站点生成 (SSG) 开发桌面端、移动端、WebGL,甚至是命令行终端中的界面 我之前的方式,算是增强静态的HTML那一类; Vue 的组件可以按两种不同的风格书写:选项式 API (Options API)和组合式 API(Composition API)。 我使用得更多的vue是选项是而非组合式 ...
大家都知道 SSR 和 SSG 的出现就是为了解决 SPA 应用带来的一些性能问题，目的是为了使网站能更快的展现在用户面前，以此来提升网站的性能指标（本文所说的 Core Web Vitals ）用户使用报告里同样也收集了使用了这些技术的网站的相关数据，一起来看一下 性能 数量 最吸引人眼球的就是 SvelteKit 了，它的数据指标...
对于Vue/React 来说,对于它们的 SSR/SSG 框架出现的原因就是主要就是 SEO 和首屏加载速度。 在Vue官方文档中也提到SSR更通用的解决方案服务端渲染 (SSR) | Vue.js (vuejs.org) 8.静态化 也是采用Nuxt.js框架,官方是这样介绍的。从头搭建一个服务端渲染的应用是相当复杂的。幸运的是,我们有一个优秀的社区...
混合渲染:Astro 支持混合渲染模式,结合了静态站点生成(SSG)和服务端渲染(SSR)的优势。这种混合模式不仅提升了页面的加载速度,还为用户提供了更加灵活和动态的交互体验。 优化的图片处理:Astro 引入了新的 Image 和 Picture 组件,这些组件不仅简化了图片的处理流程,还通过自动优化功能减少了图片加载时间,提升了页面性能...
无需构建步骤，渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)Jamstack / 静态站点生成 (SSG)开发桌面端、移动端、WebGL，甚至是命令行终端中的界面 Vue.js 官网 Vue 3.3 升级要点 SFC中的和 TypeScript DX 改进 宏中的导入和复杂类型支持通用组件更符合...