单页网站如何进行优化
上海乐道科技关于网站优化的小谈
1）、关键词研究（亦称关键词定位）：这是SEO优化最为关键的一环，关键词研究包括：关键词搜索量分析、竞争对手分析、关键词与网站关联性分析、关键词布局、关键词排名预估。
2）、网站结构分析：网站架构符合搜索引擎蜘蛛的偏好有助于SEO优化。网站结构分析包括：消除网站架构的缺陷设计、实现树状目录结构、网站导航与链接优化，网站设计语言最好采用DIV+CSS样式，代码应具备层次性和简洁性。
3）、与搜索引擎沟通：向各大搜索引擎提交未收录的站点。在搜索引擎中观察SEO效果，通过site:你的域名，了解站点的收录和更新情况。通过domain:你的域名或者link:你的域名，了解站点的反向链接情况。为了更好地与搜索引擎沟通，建议使用Google网站管理员工具。
4）、网站目录和页面优化：SEO不仅仅是让网站首页在搜索引擎中获得良好排名，更重要的是让网站的每个页面都能吸引流量，对长尾关键词进行内页优化。
5）、内容发布和链接配置：搜索引擎偏好有规律的网站内容更新，因此合理安排网站内容发布计划，保持每天更新的规律性，发布原创性高的文章内容，是SEO优化的重要技巧之一。链接配置则将整个网站有机地串联起来，使搜索引擎明确每个网页的重要性和关键词，其实施参考是第一点的关键词布局。友情链接和站外链接的争夺也在此阶段进行。
6）、高品质的友情链接：建立高品质的友情链接，对于SEO优化来说，能提升网站PR值和网站的更新频率，都是至关重要的因素。
7）、创建网站地图SiteMap：根据网站结构，制作网站地图，使网站对搜索引擎更加友好。通过SiteMap，搜索引擎可以访问整个站点上的所有网页和栏目。
8）、网站流量分析：网站流量分析从SEO结果上指导后续的SEO策略，同时对网站的用户体验优化也有指导意义。
以上是上海乐道科技在网站优化过程中持续执行的工作，SEO贵在持之以恒地去实践，即使有好的方法，如果不坚持每天去执行，也无法达到理想的排名。文字有限，你可以针对每一条在百度上深入了解或访问乐道网站，那里有许多关于SEO的优秀文章。
在Vue中如何提升单页应用首屏加载速度（详尽）
本文将详细介绍如何在Vue中优化单页应用的首屏加载速度，具有一定的参考价值，有需求的朋友可以参考，希望对您有所帮助。
随着单页应用项目规模的扩大，首屏加载速度会变得很慢！！！以下提供我所知的几种优化方案：
利用CDN资源，减轻服务器带宽压力
路由懒加载
将部分静态js css文件放置在其他位置（如OSS），减轻服务器压力
按需加载第三方资源，如iview，建议按需引入iview中的组件
使用nginx开启gzip压缩，减少网络传输的数据量
在webpack中开启gzip压缩
若首屏为登录页，可以设置为多入口，将登录页单独分离为一个入口
在index.html中引入cdn资源
...
...修改 build/webpack.base.conf.js
module.exports={
context: path.resolve(__dirname,'../'),
entry:{
app:'./src/main.js'
},
externals:{
'vue':'Vue',
'vue-router':'VueRouter',
'vuex':'Vuex',
'vue-resource':'VueResource'
},
...
}修改src/main.js src/router/index.js中注释掉import引入的vue,vue-resource
// import Vue from'vue'
// import VueResource from'vue-resource'
// Vue.use(VueResource)路由懒加载const workCircle= r=> require.ensure([],()=> r(require('/module/work-circle/Index')),'workCircle')
const workCircleList= r=> require.ensure([],()=> r(require('/module/work-circle/page/List')),'workCircleList')将部分静态js css文件放置在其他位置（如OSS），减轻服务器压力注意这里的js文件，需要将结果抛出，然后在需要用到该js的组件中import引入
按需加载第三方资源，如iview，建议按需引入iview中的组件按需引用请查看iview官方文档iview
使用nginx开启gzip压缩，减少网络传输的数据量配置nginx，可以参考Nginx开启Gzip压缩大幅提高页面加载速度
在webpack中开启gzip压缩这里需要配合Nginx服务器，Nginx开启gzip
config/index.js中
module.exports={
build:{
...
// Gzip关闭默认，因为许多流行的静态资源托管服务如
// Surge或Netlify已经对静态资源进行了gzip压缩。
// 在设置为true之前，请确保：
// npm install--save-dev compression-webpack-plugin
productionGzip: true,//就是这里开启gzip,vue-cli搭建项目，这里默认为false
productionGzipExtensions: ['js','css'],
// 在构建命令后添加额外参数来
// 构建完成后查看包分析报告：
// npm run build--report
// 设置为true或false以始终开启或关闭
bundle****yzerReport: process.env.npm_config_report
}
}build/webpack.prod.conf.js中
使用vue-cli构建项目时，默认会有这段代码
在利用vue-cli搭建工程的过程中，系统预设了如下代码：
if(配置项.构建.生产Gzip开启){
const 压缩Webpack插件 = require('压缩Webpack插件')
webpack配置项.plugins.push(
new 压缩Webpack插件({
文件资源名:'[路径].gz[查询参数]',
压缩算法:'gzip',
匹配模式: new RegExp(
'.('+
配置项.构建.生产Gzip扩展名.join('|')+
')$'
),
阈值: 10240,
最小比率: 0.8
})
)
}若初始页面为登录界面，则可设计为多入口，将登录界面独立作为一条入口。
