zoukankan      html  css  js  c++  java
  • css相关提升页面渲染速度

    使用vue的过程一直在试错跟优化,今天就发现自己使用的一个坑,关于css引入的

    以前的写法是在assets/css/下面建一个app.scss文件,用于引入所有assets/css/下的所有样式文件

    然后再app.vue中引入:

    @import '@/assets/css/app.scss';

    一开始以为这样的方式还是比较方便的,知道今天看了一篇文章,才发现是不是只为了方便,忽略了速度

    文章内容是这样的:

    避免使用@import来包含多个样式表

    使用@import,我们可以在一个样式表中包含另一个样式表,当我们再处理一个大型项目时,使用@import会让代码更简洁。

    关于@import的一个关键事实是,它是一个阻塞调用,因为它必须发起一个网络请求来获取这个文件,解析它,然后将它包含在样式表中

    如果我们再样式表中有嵌套的@import,它会妨碍渲染性能

    与其使用@import,我们还不如使用多个连接link实现相同的功能且具有更好的性能,因为它允许并行下载样式表

  • 相关阅读:
    典型格雷码-数学规律
    合并两个有序数组
    从fragment跳转到Activity
    fragment如何findviewby
    布局和位置
    preferencefragment
    AndroidStudio导入support-v13
    一些属性作用
    菜单menu
    ActionBar
  • 原文地址:https://www.cnblogs.com/chao202426/p/14167630.html
Copyright © 2011-2022 走看看