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实现相同的功能且具有更好的性能,因为它允许并行下载样式表

  • 相关阅读:
    java架构之路-(面试篇)Mysql面试大全
    web工程的路径问题详解
    SQL知识点总结
    Mybatis简介
    mysql大全
    配置心得
    spring4.1.3+springmvc+mybatis3.2.1整合
    jstl标签
    jstl标签库
    Java并发控制机制
  • 原文地址:https://www.cnblogs.com/chao202426/p/14167630.html
Copyright © 2011-2022 走看看