Fixit – CSS Import Directive

This test determines if your page CSS makes use of the @import directive. The import directive allows one CSS file to include others but results in slower loading time as the downloads cannot be made in parallel. CSS files should be directly referenced in the HTML markup, or condensed into a single file to increase data transfer time.

Checking for CSS import

This test checks to see if the page CSS uses the @import directive. If an import directive is detected then the test reports a FAIL.

If you receive a FAIL for this test, you should consider combining CSS into one single file.

Reference

This test is based on a YSlow best practice. See http://yslow.org/faq/ for more details.