Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Deleted user
0 / 0 points
Next:
badges earned

Your Points Tracker
Challenges
Leaderboard
  • Global
  • Feed

Badge for your thoughts?

You're enrolled in our new beta rewards program. Join our group to get the inside scoop and share your feedback.

Join group
Recognition
Give the gift of kudos
You have 0 kudos available to give
Who do you want to recognize?
Why do you want to recognize them?
Kudos
Great job appreciating your peers!
Check back soon to give more kudos.

Past Kudos Given
No kudos given
You haven't given any kudos yet. Share the love above and you'll see it here.

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to make a page load up faster with TOC, tables and pictures?

Hi there,

I have a page that has a table with one column using headings for table of content. The table itself has 20 columns and 90 rows. One column has pictures.

This is great for the purpose we need the page but it takes quite some time to load. The images are each at 256x256 resolution 72dpi. The images and table of contents take some time to load, making the page load really slow.

What practices can be used to speed up the page loading?

1 answer

1 accepted

3 votes
Answer accepted
Mykenna Cepek Community Leader May 11, 2021

If you don't need the images at that full resolution, then scaling them down will likely improve load time.

We have a "company directory" page with dozens of rows, and one column with employee headshot photos. To ensure it loads fast, I resize each new picture to 100 x 100 pixels. That's good enough for this purpose. A cold-load of that page just now took 7 seconds, with lazy-loading of the photos as fast as I could scroll down the table.

If you have other non-static content on this page, that can really impact load time too. The images might not be the problem. A quick way to check: copy the page, delete the column with the photos, and check load time of that page without photos.

One other question: what plan are you on for your Confluence Cloud (free, standard, premium, enterprise)?

Hi thank you for your answer. The images are already at 256 x 256. I am on a Standard plan. I notice the loading spiral on both table of contents and images and the formatting takes few seconds until the page fully loads.

Mykenna Cepek Community Leader May 11, 2021

I know that 100x100 and 256x256 doesn't sound that different. But the latter is 655% larger.

You might also try tracing the load time with Chrome developer tools: "View > Developer > Developer Tools > Network", then "Clear", then reload the page.

Did you try the page-copy test I suggested? How did that turn out. Maybe images aren't the main problem.

Also curious if ALL the other info in the table is static (just plain text) or not.

Fair enough. I did try removing images and still a bit slow. All the other columns are just text. The other thing that takes time to load is table of contents as one column has text in heading 2 and they form the sub-level of 'Table of contents' inserted in the beginning of the page.

Found a solution. I made the main table in csv and used the csv to table macro. And for pictures combined the pictures table with csv table. Works like butter. :-)

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Confluence

Miss the Confluence demos at Team 21? Watch them here!

Phew, Atlassian Team 2021 blew by. With dozens of demos and a handful of keynotes, you may have missed some of the awesome Confluence Cloud sessions. Don't' worry, you can watch them all here or on Y...

307 views 2 6
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you