网站做前端做SEO的极限在哪里？环境（百度goolge）这里举个例子（我用的是vue+nuxt.js）框架采用的优化方案是gzip+打包拆分+元素按需加载+第三方js配置ssr和async效果非常好good经过我的实测还不错，基本的一类1、网页的标题网站的标题是搜索引擎优化非常关键的一步
网站最关键的页面标题2、关键词如：
3、描述当你的网站完成了上述基础类的植入后，你的网站基本上可以通过标题和所有的描述被搜索到。但是，有些关键词可能搜不到，或者排名很低……4、语义标签，如h1-h6、header、aside、nav、section等；2、性能优化主要看网站打开速度。即网站的评分（googlebrowserLighthouse）影响网站加载速度的项目如下：1.排除渲染阻塞资源（主要是js/css/img）加深理解https://segmentfault.com/a/11...2、图片处理，不要小看这一项，前端seo各方面都有图片阴影！这里就不做详细描述了，总结一下自己优化过的一个目录（1）图片质量（2）图片描述alt（3）图片设置宽高清晰避免拉伸（4）图片格式（5）)图片延迟加载(6)在所有关键资源加载完成后，延迟加载离屏和隐藏图片，减少交互时间。这里为什么要用http2.0呢？本文做简单介绍https://juejin.cn/post/6844903489596833800)2.配置gzip压缩后的静态文件到.gz文件。示例1使用webpack+vue的架构就是一个例子。通过npminstallcompression-webpack-plugin--save-dev下载插件（这里注意版本）在vue.config.js中配置constCompressionPlugin=require('compression-webpack-plugin');constproductionGzipExtensions=/\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i;module.exports={chainWebpack:config=>{if(process.env.NODE_ENV==='production'){config.plugin('compressionPlugin').use(newCompressionPlugin({filename:'[path].gz[query]',algorithm:'gzip',test:productionGzipExtensions,threshold:10240,minRatio:0.8,deleteOriginalAssets:true}));}},}示例2这是一个muxt+vue配置构建：'gzip'，测试：/\.(js|css|html|png)$/，阈值：1024，minRatio：0.8，deleteOriginalassets:false//是否删除原文件})]}（参数的具体配置这里不再赘述）3.在服务器上设置静态文件缓存（很多网站缓存可达365d）以nginx为例子可以参考文章https://juejin.cn/post/68449041481360998544，域名设置和确认，这个也很有讲究5、配置404500页面等（这个分为server模块)6、添加Robot.txt文件7、配置sitemap地图文件4、运行配置博客交互页面、新闻页面1、外链配置2、关键词文章精品文章5、其他ssr服务器预渲染下面是一个简单的例子使用nuxt官网提供的async方法asyncData({query}){if(query.id){returnaxios.all([getCaseDesc({id:query.id}),getCaseLists({rows:9,page:query.page})]).then(axios.spread((caseDesc,caseLists)=>{const[ceseHeardDetail]=caseLists.data.list.filter(item=>+item.id===+query.id)//控制台.log(ceseHeardDetail)return{caseDetail:caseDesc,ceseHeardDetail,caseList:caseLists.data.list}})).catch(err=>{console.log(err)})}}，有更多seo相关方案的同学可以留言讨论...
