博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
页面优化
阅读量:6975 次
发布时间:2019-06-27

本文共 890 字,大约阅读时间需要 2 分钟。

  年前辞职了,最近一直在面试,博客有点荒废了,实在不应该。最近面试了大大小小的很多家公司,面试的多了,总会有一些经验,在这里和大家分享一下关于面试中面试官问的比较多的问题。

  题目是:如何优化能够提高浏览器的加载速度。

  我去面试的每一家公司都或多或少问到了我这个问题,现在写代码不能只顾自己写的爽不爽了,一定要有良好的写代码的习惯,要有一定的可维护性,可拓展性,并且注重用户体验,这样写出来的代码才能成为是高质量的代码,那么我们如何进行优化,才能提高浏览器的加载速度呢?以下是我根据自己的经验进行的一些总结。

  1.我们熟悉的预加载以及懒加载

    预加载可以让在加载页面之前做一些简单的处理,可以优化用户的视觉效果以及体验。

    懒加载能够让浏览器在加载的时候只加载,整个屏幕部分,也就是用户能够看到的部分。用户向滑动滚轮滑动到指定位置,再加载特定资源。

  2.css文件先拆分,再合并。

    这里拆分是指在开发周期内,为了方便项目维护和代码统一管理,应该把不同功能和模块的代码分开保存,这样后期维护可以快速定位,快速解决,而且能做到分工明确。

    合并是指上线之前使用工具将多个文件压缩合并成一个文件,减少文件的请求次数,从而提高浏览器加载速度。

  3.减少cookie的使用,即优化浏览器缓存

  4.设置图片的大小。如果不设置,浏览器需要执行计算来显示图像,这会降低处理速度。

  5.按需加载JavaScript代码

  6.删除不必要的元素,多余的空格以及换行。可能这是所有技巧中最显而易见的一个,但是它也是最容易忘记的一个技巧。如果您真正需要在网页上放置许多内容,考虑将网页分为 2 个、3 个或更多的独立页面

  7.尽量避免表格的使用,如果一定要加入表格,要明确地指定表格单元格、行和列的宽度和高度,否则,浏览器必须执行许多操作来计算如何显示它们,这会降低页面加载速度

  以上是我总结的优化页面的加载速度的方法,望采纳。

 

 

 

  

转载于:https://www.cnblogs.com/sunweinan/p/6411907.html

你可能感兴趣的文章
Eclipse create git repository failure(egit)
查看>>
mongodb学习笔记6--杂项与补充
查看>>
solrcloud Read and Write Side Fault Tolerance
查看>>
ADF12C 在线预览PDF文件 afinlineFrame
查看>>
python urllib2 开启调试
查看>>
总结 20 个开发细节
查看>>
面向中小企业的视频云服务 视频托管
查看>>
软件开发流程包含哪些内容
查看>>
JAVA增删改查XML文件
查看>>
JSON入门基础知识
查看>>
解决ubuntu14.04下Qt 5.3.1下的QtCreator fcitx,ibus不能输入中文
查看>>
什么是MOS ?
查看>>
linux发送email错误 501 Syntax: HELO hostname
查看>>
控制反转 IOC
查看>>
1、Linux汇编——初识汇编
查看>>
javascript json对象转字符串形式
查看>>
从12306网站谈起虚拟主机选购注意事项
查看>>
虚拟内存
查看>>
跨平台抓包软件,可以替代Fiddler
查看>>
iOS Block实现探究
查看>>