会 vue 的后端 boy 应该如何快速构建一个可用于生产环境的好看的前端页面?

查看 64|回复 8
作者:OneEarMouse   
先说背景:后端 boy ,常见的 java 一套和中间件比较熟,也会用 vue 和 ui 框架写简单的后台管理系统,但是对前端基本原理一窍不通。现在想做一个生产环境实际可用的独立产品网站页面。
前几个星期用 vue 和 ui 框架搓了一套简单的前端页面,后端用 spring 一套写了接口。网站包含三个页面:首页(无动态内容)、内容页(需要和后端交互实时刷新内容)、about 页面(无动态内容)。扔到 vps 上部署之后发现几个问题:
[ol]
  • vue 写的页面是动态 js 的,搜索引擎似乎不会抓取。我简单研究了一下 vue 的 seo 优化,发现以我的前端水平搞不定
  • 首屏加载很慢。我尝试缩减引入资源,整个 dist 到 1mb 以内,但感觉还是不够快
  • 我用框架写的页面很丑
    [/ol]
    研究了一下,似乎有这样几个方案:
    [ol]
  • 别管 seo 了,继续用现在的结构,反正产品也不一定能推广出去,搞了 seo 也优化也没用
  • 改一下项目结构。首页和内容页改成纯 html ,内容页用 vue 嵌入 html 写。似乎这样能优化加载和 seo ?
  • 学 nuxt.js ,重构前端,部署到 vercel ,后端继续用 spring 部署在 vps 上调用
  • 学 react 再学 next.js ,重构前端,部署到 vercel ,后端继续用 spring 部署在 vps 上调用
    [/ol]
    哪一种更适合?
  • murmur   
    好看需要设计师,怎么那么多人连设计师和美工的用途都不一样
    dist 1m 还慢,得看你服务器了,该上 cdn 就上,尤其是国内访问国外的机器
    seo 我建议别管,现在都是$eo 了,尤其是百度,就是看谁关键词买的多,热门词语一搜一页全是广告,一个正经链接都没有
    terranboy   
    会 VUE 就用 NUXT
    terranboy   
    会有服务端渲染 服务端调用接口 前后端部署在同一个地方 不是更快?
    wxw752   
    我们是在网关判断爬虫的请求头,如果发现是那几个搜索引擎爬虫,直接转发到一个完全不管样式的 PHP 服务器去,文本全掏给它。
    OneEarMouse
    OP
      
    @murmur 想做面向国外的,还是最好要优化一下 seo
    @terranboy #3 其实只有第二个页面需要动态内容,第一个首页静态 HTML+CSS 就足够了。但我不知道怎么让第一个页面做静态,第二个用 vue 做动态
    @wxw752 很有意思的想法,很适合创建时使用了 react 或 vue 但没有考虑过 seo 的大型项目
    wxw752   
    @OneEarMouse #5 我们这么做了大概三年了,收录情况还不错
    DeWjjj   
    nuxt ,就好了有渲染只要能被爬到信息就行了。
    dist 上 cdn ,在国内找那些野鸡厂商的 hkcn2 ,nginx 负载就完了。
    pters   
    学 react 然后找个前端框架直接套用
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部