[tiju@maplitho.com]

Website is loading very slowly. i added optimization cache plugin.but still shows very slow

[Mehmet S.]

Hi,

Thank you for the link. We checked your homepage and found what is slowing it down.

Your server and cache are working fine: the server responds in about 0.3 seconds. The problem is the size of the page itself. The homepage HTML is about 5.3 MB, while a typical page is around 150-200 KB.

Almost all of this comes from the 4 icons in the Icon Box widgets (Partners, Sample Flats, Pricing, Team). These icons were uploaded as SVG files, but they are not real vector icons: each SVG contains a large 1536×1024 px PNG image, about 1.3 MB each. Elementor places uploaded SVG icons directly into the page code, so every visitor has to download these 4 images as part of the page before it can finish loading. A cache plugin cannot help here, because it only serves the same heavy page faster.

In our test, a first visit took about 11 seconds before the page was ready. Repeat visits are fast because the browser has already cached the page, so the site may look fine on your own computer.

How to fix it:

1. Edit the homepage with Elementor.

2. In each of the 4 Icon Box widgets, replace the uploaded SVG with one of these:
– an icon from the Icon Library (click the icon and choose “Icon Library”),
– a real vector SVG icon (usually just a few KB),
– or an Image Box widget with a small image (for example 150×150 px, WebP or PNG).

3. Click Update, then purge the cache: LiteSpeed Cache > Purge All, and also the CDN cache in Hostinger hPanel if it is enabled.

After this, the homepage HTML should drop from about 5.3 MB to under 200 KB, and the page should load much faster.

Let us know how it goes.

Best regards,
Mehmet
Pixelwars Support

[tiju@maplitho.com]

hello i removed that icons but still have load issue. header and others are showing very slowly.please check. client asking why this delay

[Mehmet S.]

Hi,

Thanks for the update. Removing the icons worked: your homepage HTML is now about 250 KB instead of 5.3 MB.

We checked the page again. The remaining delay comes from the number of files the page loads: about 100 separate files (51 CSS and 50 JavaScript files, around 2 MB in total). The browser cannot draw the page until all CSS files are downloaded. Also, with the logo-centered header layout, the menu is shown only after the page scripts have finished loading, so the header appears a bit later than the rest of the page. Fewer files will shorten both delays.

Please try these steps:

1. LiteSpeed Cache > Page Optimization > CSS Settings: turn on “CSS Combine” (CSS Minify is already on).

2. LiteSpeed Cache > Page Optimization > JS Settings: turn on “JS Combine”. If anything on the page stops working after this, turn it off again. Please do not set “Load JS Deferred” to “Delayed”. With that option, the header would stay hidden until the visitor moves the mouse or scrolls.

3. The Popup Box plugin loads on every page, but its only popup is the demo one (“Demo Title”). If you don’t use it, please deactivate the plugin.

4. Save, then purge the cache: LiteSpeed Cache > Purge All, and also the CDN cache in Hostinger hPanel.

Also, the sections that fade in while you scroll down use Elementor entrance animations. This is an effect, not slowness. If you want them to appear immediately, edit the widget and go to Advanced > Motion Effects > Entrance Animation: None.

Let us know how it goes.

Best regards,
Mehmet
Pixelwars Support