Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • bobptz Friend


    I am using gtmetrix to optimize the website. One of the issues reported is this:
    Avoid CSS @import

    The following external stylesheets were included in using @import.

    Is there a recommended way to do fix this?

    I mean, I do know how to fix it manually. I am just not sure if I will fix it in the right place, if the file I will fix is the original source or a cached one etc. Therefore I am asking you.

    Saguaros Moderator


    That css file in ‘t3-assets’ folder is temporary folder which holds the compressed css / js files, it’s hard to find that @import query. You can try with a 3rd party extension such as JCH Optimize to optimize site.


    bobptz Friend


    JCH optimize adds some overhead and sometimes it is significant. I did it by hand and will keep track of it, in case of update.

    Maybe you can tell the developers to consider changing the @import with a more friendly statement like this:
    <link rel="/media/system/css/system.css" href="/media/system/css/system.css" type="text/css">
    (taken from )

    Saguaros Moderator

    Thank you for your report. I will pass to the team for further checking.

    bobptz Friend



    The problem here is that Purity III is built with Bootstrap framework and when developing with LESS, you must use @import statement to import necessary variables which are declared in different LESS files.

    Hope you understand.


    Maybe in your reply above (from this thread : ) you wanted to reply on this thread instead?

    I can tell you that even after my change, I do not see a problem that could be caused from it.

    Saguaros Moderator

    I replied in that topic, kindly follow it.

    bobptz Friend

    I am sorry, are you talking about the @import problem?

    The problem with the @import command that imports the following file:

    This is not a less file, it does not have any variables to import.

    Saguaros Moderator

    May I know which file has that @import command for this css file?

    bobptz Friend


    bobptz Friend

    The @import statement is here:

    This how I deal with the problem: This needs to be done when I am still in Development mode, BEFORE I compile the LESS into CSS files.

    1) Download the following files:
    A) /media/system/css/system.css
    B) /templates/system/css/system.css
    2) The B file has an @import statement to include the A file. Remove this and just paste the entire A file inside the B file.
    3) Upload the B file.

    Saguaros Moderator

    These are core files of Joomla, did you try to raise the same topic to Joomla forum?

    bobptz Friend

    /templates/system/css/system.css is core joomla? I am sorry, I did not realize this.

    I may do this.

Viewing 12 posts - 1 through 12 (of 12 total)

This topic contains 11 replies, has 2 voices, and was last updated by  bobptz 1 year, 2 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum