Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#370 closed defect (fixed)

Chicken web site rendering is too slow

Reported by: Ivan Raikov Owned by: Moritz Heidkamp
Priority: critical Milestone:
Component: infrastructure Version: 4.6.x
Keywords: wiki css Cc:
Estimated difficulty:

Description

Currently, the Chicken web site renders so slow as to be practically useless when viewed with older computers, as well as mobile and low-power devices. I cannot scroll through and search the egg index page on my Android phone, or on my netbook when it is battery powered. Sometimes it takes minutes to render any of the larger pages, such as the egg index or the salmonella report. Even on my quad-core desktop system, scrolling is slow. When the website is slower than any of the flash-heavy commercial sites out there, then it is time to seriously revise the CSS stylesheets, or whatever else is causing the slowness.

Change History (9)

comment:1 Changed 11 years ago by Jim Ursetto

The egg index renders and scrolls instantly on my iPhone. Maybe you should replace your quad-core desktop with an iPhone? ;)

No, but anyway, I do notice a bit of choppiness on my older laptop when navigating the egg index. There is probably just a small CSS problem that is causing a lot of recalculation. Moritz, get on that. Ivan, what OS/browser are you running on your desktop and netbook?

comment:2 Changed 11 years ago by Jim Ursetto

Owner: set to Moritz Heidkamp
Status: newassigned

Looks like it's the 20px (!) box-shadow on #content that kills performance. The worse the browser implementation the slower it is. Even desktop Safari is a little slow once you get above a couple px, Firefox gets choppy at even 1px.

I would recommend removing the box shadow completely because most browsers can't handle it. Moritz: recommend replacement with border: #59443C or similar on both #contents and #menu. It looks cleaner than the drop shadow anyway.

comment:3 Changed 11 years ago by Jim Ursetto

OK, I take it back, although initial rendering is fast on iPhone, and scrolling is fine, zooming operations are extremely slow. If you do modify the css, I would be happy to do further testing so we can confirm the problem and solution.

comment:4 in reply to:  1 Changed 11 years ago by Ivan Raikov

I use Firefox 3.6.8 (packaged as Swiftfox) and Epiphany 2.30.2 (WebkitGTK variant) under Debian Squeeze.

Replying to zbigniew:

Ivan, what OS/browser are you running on your desktop and netbook?

comment:5 Changed 11 years ago by felix winkelmann

I use Linux Mint "Gloria", which is based on Ubuntu Jaunty. Websites render and zoom fine with Firefox 3.0.10 on both my fat desktop and slim netbook.

comment:6 Changed 11 years ago by Moritz Heidkamp

Hi guys, sorry for the late response, I was too busy or offline during the last few days :-)

I have incorporated the change suggested by Jim, let me know if that helps!

comment:7 Changed 11 years ago by Jim Ursetto

This fixes any noticeable slowness for me on Firefox 3.6, Safari 4 and for zooming on iPhone 4. Thanks!

comment:8 in reply to:  6 Changed 11 years ago by Ivan Raikov

Resolution: fixed
Status: assignedclosed

Works fast and smooth here, thank you guys for fixing it.

Replying to syn:

Hi guys, sorry for the late response, I was too busy or offline during the last few days :-)

I have incorporated the change suggested by Jim, let me know if that helps!

comment:9 Changed 11 years ago by felix winkelmann

Milestone: 4.6.0

Milestone 4.6.0 deleted

Note: See TracTickets for help on using tickets.