Homepage load time takes a long time - when on a web server

Question

Hi there.

I recently purchased Canvas and love the flexibility and overall functionality.

I have been playing with the homepage and have a pretty good template so far. It works great when I host it locally, but when I upload it to the LIVE webserver (in a temporary directory of /new/) -- it takes FOREVER for the homepage to load.

Have you seen this before?

Here is the URL:

https://baltimorehydraulics.com/new/

The current site is Wordpress; I'm not sure if that environment may cause an issue?

Please advise, as I cannot use this template if it will really take 30-60 seconds for the homepage to fully load.

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for the Kind Words!

The Slow Loading issue is almost never an issue with the Template but the Amount and Size of the Media Files or the Server Configurations and Speed. We have checked out your Website and the issue is with both of them: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fbaltimorehydraulics.com%2Fnew%2F .

Your Image Sizes are huge and non-optimized!! You should definitely optimize them to a smaller size.
Your Server's response times are slow.

Please consider checking out the Documentation > Start > Optimization Tips Section and consider implementing the tips provided as these should definitely help speeding up your website.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

gheilmann · Answer

Thank you for your help! I have been able to work around this issue by reducing the size of the media files. (I had not idea I exported them so large). On an aside, I did hav a second client request. It seems that in canvas, there is an attribute, perhaps with the "heading block" area... that force…

Semicolon Web · Answer

Hello, Simply add the .nobottomborder Class to the .heading block Element. Example: This will disable the Bottom Border from the Heading Blocks. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

gheilmann · Answer

Hi there... One more question if you don't mind and THANK You for all of your help so far! On the same site mentioned on this thread... you'll notice that the logo in the header looks fine most of the time, but that when hit is viewed in mobile, the aspect ratio collapses in a weird manner, making …

Semicolon Web · Answer

Hello,

Thanks for your Patience!

Please consider using the following CSS Code:


@media (max-width: 767.98px) {
	.device-xs #logo img {
		height: 60px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.