页面优化

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

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

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

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

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

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

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

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

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

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

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

  5.按需加载JavaScript代码

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

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

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

  

原文地址:https://www.cnblogs.com/sunweinan/p/6411907.html