Slow page loading with new WebsiteBuilder

  • 0
  • 1
  • Problem
  • Updated 4 years ago
  • Acknowledged
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

Could the suggested changes listed in the following Google Site Speed Suggestions report be the cause of the skeleton load many of us have been experiencing?

Additionally:
  1. Are the Homestead provided images in the templates optimized for size and speed?
  2. Does WebsiteBuilder optimize user loaded images for size and speed?
  3. If the suggestions listed in the Google report are accurate are they things I can adjust and if so how?
Photo of david2953

david2953

  • 7,168 Points 5k badge 2x thumb

Posted 4 years ago

  • 0
  • 1
Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
Excellent questions David! I dug around a bit and discovered that you can't right click on an image and get the drop down with various options like you can with other site builder programs. I use that a lot to just grab an image off my sites rather than having to ferret it out in my files or to see what the size (weight) is of an image.
Photo of david2953

david2953

  • 7,168 Points 5k badge 2x thumb
I'm not sure if this gleams more light on the topic but it would appear the favicon and the image sizes may have something to do with the issue?  This was generated in Google Chrome by left clicking on an image on the home page then "Inspect".
(Edited)
Photo of Drew N

Drew N, Alum

  • 262,826 Points 100k badge 2x thumb
How big are the images you uploaded? The dimensions make it look like it is optimized, but do you have the file size as well? Is the header image yours? How big is that one?
Photo of david2953

david2953

  • 7,168 Points 5k badge 2x thumb
Drew, The header image on the home page is part of the Homestead template. The other image on the home page is one I uploaded.  The original file size before I uploaded to the site was 2.84MB. Once uploaded I am not sure how to see how large it is.

Photo of Drew N

Drew N, Alum

  • 262,826 Points 100k badge 2x thumb
I do not know for sure, but don't believe that the new builder does any automatic optimization, so I would think it is still that large. You might think about copying the original and shrinking it down to close to the dimensions you see in the inspect and then upload it again and see if that makes a difference.
Photo of david2953

david2953

  • 7,168 Points 5k badge 2x thumb
Drew...before I go resizing every picture I placed on the site can you validate with the developers if WebsiteBuilder does in fact, optimize the pictures and if the pictures in the template are optimized?
Photo of Drew N

Drew N, Alum

  • 262,826 Points 100k badge 2x thumb
Once I saw Susan's post I asked that question. I will let you know when I hear back
Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
David the smaller picture on the Home page is 177kb - what size was it when you imported?
Photo of david2953

david2953

  • 7,168 Points 5k badge 2x thumb
The smaller picture was 2.84 MB before I uploaded...so if it is 177kb that means WebsiteBuilder did render it down.  Assuming we are speaking about the same picture.

Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
Yes that one - and the one of the living area/white furniture/loft stairs (I think it's a cover pic?) It shows as 482kb  1920x1280 scaled to 1480x980
Photo of david2953

david2953

  • 7,168 Points 5k badge 2x thumb
Yup...what I could do to fix that would be, remove the template pic (white furniture) from all pages...then put it back on the pages I need it on using the same method I used to get the others (my photos) in the header.  It certainly would make the site lighter....but

With all this additional work I am still not sure that is what is causing the skeleton page situation as that still exists on the home page. Earlier this evening I optimized all the photos on the home page using the Site Speed fix in Analytics...Analytics now give the home page a 90 (it was 60) rating which is about as high as you can get (optimal being 100)...but the skeleton load still happens.

Have you ever used Analytics speed fix/suggestions?
(Edited)
Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
David I see nothing wrong with just using that template pic all the way through. You have enough other pics and that one is only going to be viewed briefly. Plus using it all the way through will cut load time as it will only have to load once.

I don't think the skeleton thing has anything to do with the page weight. My home page is 1754 KB which is good and it still shows in skeleton mode.

I noticed when I was digging that the favicon images on both our sites shows a broken image and 0 file size. So apparently the add favicon option just plain doesn't work.

No, never tried the Site Speed Fix - wouldn't even know how to find it. I'm usually mad at Google so I steer clear of their stuff to the extent that I can. I do have Analytics though since it's being 'forced' on us. So where is it?
(Edited)
Photo of david2953

david2953

  • 7,168 Points 5k badge 2x thumb
Susan...thanks again for looking at this and offering your thoughts.  So, if I am understanding you correctly you would remove the individual property pictures that I've nested in the header of the property pages (i.e. http://www.csthousing.com/harrisburg-lofts) and use the header pic on the home page throughout the other pages of the site?  That certainly would lighten the load...especially if you are saying the header picture only loads once. 

Regarding your question at Google Analytics Speed Test.

  1. Open Analytics and go to the toolbar on the left side of the page.
  2. Select Site Speed and then Speed Suggestions
  3. Scroll down towards the bottom of the page and you will see all of your pages listed.
  4. To the right of each page listing will be a highlighted number of "Page Speed Suggestions".
  5. Click on the link for the page you want to evaluate.  Analytics will then analyze the page and present a list of suggestions.
  6. You can drill down further within each suggestion.
  7. At the bottom of that page will be a link that will download a file of all your images in reduced size format. (See Below)
Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
Yes on the page header. Lighten the load and save yourself from having to go through and 'fix' everything.

Thanks much for the How To on analytics - will give it a look. But first I'm going to pull it off the site and see if that makes a difference on the skeleton load.
Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
LMAO - figures. Can't delete the GA code.
Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
Everyone hold on ............ David you used that photo full size somewhere - I know I saw it, just don't remember where
Photo of david2953

david2953

  • 7,168 Points 5k badge 2x thumb
Hi Susan...That picture is also on the property page in the header.  http://www.csthousing.com/susquehanna-townhome.  Can you tell how large it is there?  May I ask how you can tell the size?
Photo of susan2829

susan2829, Champion

  • 43,212 Points 20k badge 2x thumb
I can't tell the file size on that picture you're using as the cover. Something to do with the one behind it I think.
I use a Web Developer toolbar - it's a Fire Fox add on. Very helpful
Usually I can just right click on an image and get the file size, but can't seem to do that on these cloud sites.

Only way to know for sure (maybe) is to hear from the Developers.
(Edited)

This conversation is no longer open for comments or replies.