前端SSR方案調研

2021-10-19 06:35:36 字數 555 閱讀 5714

動態渲染的seo 方案

目前來說 有兩種方案

1. vue-meta-info + prerender-spa-plugin

2. nuxt

優缺點來說

第一種方案可行,對**改造比較小,配置量小

缺點是,如果是動態的頁面,比如文章詳情頁、問答頁面這類內容動態的,不適合用此方案,而且,比較重要的是對於seo並不能完美的解決,尤其是體量非常大的**

第二種:

優點 nuxt ,完美解決了前端的ssr,而且有相應的腳手架可以快速搭建專案,而且接入簡單,開發成本低

缺點 對原有專案改動較大,目錄結構需要按照nuxt來搭建,其次,比較重要的是,需要搭建自己的node服務,後端只提供介面,如果公司的後端業務比較龐大,大公司的前端團隊一般不會擁有服務端的能力(有各種原因,基本上最主要的是大公司的架構、設計、穩定性、還有使用者體量等都決定了,核心邏輯都在後端,前端通常都是提供模版的渲染,反而中小公司體量小,船小好調頭)

第三種:

tpl 模式,這種實際意義上算是後端渲染,前端也這是作為tpl的模版,可以通過 widget,元件拆分來管理靜態模版

前端SSR 方案調研

動態渲染的seo 方案 目前來說 有兩種方案 1.vue meta info prerender spa plugin 2.nuxt 優缺點來說 第一種方案可行,對 改造比較小,配置量小 缺點是,如果是動態的頁面,比如文章詳情頁 問答頁面這類內容動態的,不適合用此方案,而且,比較重要的是對於seo並...

網路頻寬方案調研

一 基礎知識 1 理論上 2m 即2mb s 寬頻理論速率是 256kb s,實際速率大約為150 240kb s 其原因是受使用者計算機效能 網路裝置質量 資源使用情況 網路高峰期 服務能力 線路衰耗,訊號衰減等多因素的影響而造成的 4m 即4mb s 的寬頻理論速率是 512kb s,實際速率大...

iOS元件化方案調研

ios元件化方案探索 一 什麼是元件化?1 什麼是元件?元件 一般來說用於命名比較小的功能塊,如 下拉重新整理元件 提示框元件。而較大粒度的業務功能,我們習慣稱之為 模組 如 首頁模組 我的模組 新聞模組。這次討論的主題是元件化,這裡為了方便表述,下面模組和元件代表同乙個意思,都是指較大粒度的業務模...