Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-69803

Loading of aui.css in IE11 takes 18 seconds. Loads multiple times.

    Details

    • Story Points:
      0.25
    • Browsers:
      Internet Explorer 11

      Description

      From: https://web.liferay.com/community/forums/-/message_boards/view_message/83076456

      I've got a Liferay DXP with an empty portal-ext.properties and a custom empty theme too (empty main.js and empty _custom.scss, default *.ftl files).

      My problem is that only in IE11, every time I browse my portal pages, I have to wait 18 seconds per page to have aui.css loaded.

      On Chrome or Firefox I have to wait that time only the first time when I start the Tomcat server: after that first load (where, I guess, caches are stored somewhere), calling every page takes few milliseconds...but in IE11 I have to wait 18 secs at every page change!

      aui.css is called by IE11 three times, with different parameters:

      /o/my-theme/css/aui.css?browserId=ie&themeId=my_WAR_mytheme&minifierType=css&languageId=en_US&b=7010&t=37
      /o/my-theme/css/aui.css?browserId=ie&themeId=my_WAR_mytheme&minifierType=css&languageId=en_US&b=7010&t=37&zx=nmj3emxb06t7
      /o/my-theme/css/aui.css?browserId=ie&themeId=my_WAR_mytheme&minifierType=css&languageId=en_US&b=7010&t=37&zx=yd9spllwuolv
      

      The last one every time takes so long.

      This problem seems to be related to font awesome load inside the font-awesome.scss file:

      my-theme
      └── src
          └── css
              └── aui
                  └── lexicon
                      └── fonts
                          └── alloy-font-awesome
                              └── scss
                                  └── font-awesome.scss
      

      Its content is the following (bootstrap import is commented by default, I don't know why):

      @import "variables";
      @import "mixins-alloy";
      @import "path-alloy";
      @import "core";
      // // @import "bootstrap";
      @import "extras";
      @import "icons-alloy"; // Issues here!
      @import "icons-alloy-extra";
      

      If I comment out the "icons-alloy" import, the problem disappears, but I need font awesome because I use them in my theme.

        Attachments

          Activity

            People

            Assignee:
            raven.song Raven Song
            Reporter:
            byran.zaugg Byran Zaugg (Inactive)
            Participants of an Issue:
            Recent user:
            Raven Song
            Votes:
            1 Vote for this issue
            Watchers:
            12 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Days since last comment:
              2 years, 8 weeks, 3 days ago

                Packages

                Version Package