支持 0
反对 0
举报
2022-03-16 20:49
找个靠谱的前端给诊断下就可以,如果自己从头学的话,得不少时间。
主要是这些方面来看: 1、速度:是否合并资源,减少请求(包括JS\CSS\图片等); 2、语义:代码是否具有语义化,方便引擎分辨主次内容; 3、DOM结构是否符合重要内容放前面的原则,利用 float 或其他布局方式重构; 分条来看: 01、(速度)图片优先使用 CSS sprites 技术; 02、(速度)避免使用 * 通配符定义全局样式; 03、(速度)使用 CSS 缩写技术减少代码量; 04、(速度)合理利用 CSS 继承减少代码量; 05、(速度)使用外部 CSS 链接提高页面加载速度; 06、(速度)使用代码压缩工具删除注释、空格等非重要代码; 07、(速度)合并CSS、JS等文件; 08、(语义)少使用框架、JS 来展示重要的内容; 09、(语义)正确使用 H 系列标签、strong 标签等; 10、(语义)图片是否添加 alt 属性,方便引擎识别图片内容; 11、(语义)长文本链接是否添加 title 属性; 12、(语义)减少页面上类 flash 引擎无法识别抓取的元素; 13、(语义)展示数据类信息时有限使用 table 方式; 14、(结构)使用 float 让重要的内容放在前面; …… |