如何在網站建設中合併多個css 從而加快網站打開速度？

有些網站開發中需要加載很多的css，在增加網站的特效和美觀度的同時，大部分的網站都會引入3-5個css文件，一些比較複雜的網站會引入5個以上的css文件，這樣的話就會造成網站http請求次數增加，會影響到了網站的打開速度，可以將多個css文件合併為一個文件以此減少http請求次數加快網站打開速度!

在css中有個特殊的指令import用於引用其他css樣式它的使用方法為：

@import url(css文件地址);

如果你的網站有多個css文件可以建設一個新的命名為hb.css。

舉個例子

某網站調用了4個css文件 分別為：font-awesome.min.css、awesome.min.css、bootstrap.min.css、swiper.min.css、 style.css，這5個文件統一在css文件夾內存放，這時我們就可以在css文件夾 建設一個import.css文件內容為：

@charset" utf-8";

@import url(font-awesome.min.css);

@import url(awesome.min.css);

@import url(bootstrap.min.css);

@import url(swiper.min.css);

@import url(style.css);

建設好後將網頁內的5個css連結刪除，在頭部添加以下引入：

<link rel=" stylesheet" href=" css/hb.css">

以上步驟完成了快速合併css的操作，但有的網站也使用了外部css文件，這種辦法依然適用，如果你的網站感覺打開速度慢， 這個操作是不錯的辦法。