网站架构优化强迫症之H1与JS

经常接触网站架构优化,公司网站、个人网站、外单网站都需要优化源码架构,平常也经常关注这方面的资讯,看过很多这方面的文章,时间长了,发现自己现在有H1和JS强迫症,具体体现是认为每个页面有须且只有一对H1标签,离body标签越近越好,这样才符合架构优化标准,JS文件也是越少越好,在访问速度和展示效果之间往往更倾向速度优先。
无论是自己做网站,还是看别人的网站都喜欢拿这标准去评估和衡量,就拿前段时间更换博客移动主题来说,原来主题(aditu)是经过我精简优化,原有非必须的功能都被我去掉,JS导航的地方改成纯CSS3下拉导航,实现全站无JS。一段时间之后发现,这下拉导航在精简版浏览器(悦动浏览器等)没有效果,拉不下来。刚好手上有一个不错的移动端主题(miniUnite),效果不错,兼容性很好,决定更换。
jsh1强迫症下载安装主题到本地,优化精简掉一些用不到样式和标签,去掉系统默认留言模块,改用多说留言,其实当初在使用wp自带留言系统还是第三方社会化评论系统的问题,纠结了很长一段时间,斟酌再三还是决定使用多说评论,其原因主要是省资源(万网免费主机,尽量降耗,省得被闭站),便管理(垃圾评论,广告什么的最讨厌),好兼容(PC端和移动端都直接插入调用代码即可)。
上传万网主机测试一段时间发现这主题搜索框下拉效果反应稍卡,且主题调用的JS文件偏多,总共4个JS调用,又忍不住要下手优化精简主题,在网上找了不少导航效果,筛选对比之后,使用了一个绝对定位的底部导航效果(导航+搜索),把原来顶部导航搜索模块删除,精简对应的样式和js,这样整站下来就两个JS了,样式文件体积也给压缩了1/3,反复测试反应速度和兼容效果都还算满意。但问题又来了,因为删除了原来顶部导航模块,里面的H1标签也没了,结果变成除了文章页面有H1标签之外,全站页面无H1标签,琢磨半天怎么在每个页面添加H1标签,既要做到结构符合优化标准,又要做到效果大气流畅,好满足自己的H1强迫症……