慎用@import导入样式文件

Web前端1 2.9K阅读模式

WordPress主题一般是在header.php中采用下面的模式导入样式文件:

  1. [link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /]  

不知从什么时候开始,越来越多的WordPress主题(特别是国外的)采用在style.css代码最前面, 加入:

  1. @import url(../ Theme/style.css);  

导入样式文件.

采用@import导入样式文件,网上通俗的说法就是造成无法同时下载不同的样式文件(如果这个主题有多个样式文件),会增加页面总体加载时间,网络状况不好的情况下,刚开始的几秒中会很混乱,所以建议将采用这种模式导入的样式文件的主题,如果不是很复杂的,可以将样式文件合并到style.css中,可能会对博客的打开的速度有所帮助。

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
    • deep
      deep 4

      终于明白@import了

    匿名

    发表评论

    匿名网友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

    拖动滑块以完成验证