Why is my website crawling slowly and why are its lagging freezing effects? How can i fix this?

Question

So, I have this site here , which has serious performance issues. Scrolling is very slow, hover effects have a little lag and other similar problems. Unfortunately, I am currently working with a cheap host, so I don’t have the opportunity to gzip my files, and I'm not sure how significant the factor is. For what it's worth, I use Drupal as a CMS.

I would like to know the various reasons for the delay and what I can do to fix it.

A bit about: memory statistics for the main page:

Memory:
- Private person: 49664k
- General: 13052k
- total: 62716k

Virtual memory:
- Private: 53400k
- Displayed: 10412;

Let me know if you need more information.

Answer 1

Everything seems to be fine on my machine (2009 MacBook Pro works with Chrome 10), but I think you need to make out the idea of ​​"performance".

gzipping reduces the size of the text files that make up your site, so it reduces the time it takes to receive them from your web server to end-user computers. This happens before the page loads in the users browser. It does not affect the scroll speed of the page after loading it.

There seems to be a metric copy of the JavaScript files on the page, some of which have a “scroll” in their name. I'm not sure if any of them work when the user scrolls and thus slows down the browser, but it seems more likely a candidate for slow scrolling. (Ooh - if meagars comment about background-size: cover; is wrong.)

Edit: as background-size: cover , it seems like a problem, Id suggests deleting it and making the background image large enough to look acceptable at most screen resolutions. You might want someone to take an image to edit it so that it fades to the same color around the edges, so that it fits into your background-color for higher resolution users.

Answer 2

I removed the background image and positioning with Firebug, and scrolling instantly accelerated.

Various JavaScript components will be part of the speed, but the most noticeable lag is the 2000x2000 fixed image specified in CSS for the HTML element.

Answer 3

Well, CMS usually cause a lot of lag. Why: because they tend to show off a collapsed bunch of malarkey called JavaScript, which entices the user to use, suggesting simple use. In most cases, JavaScript is pretty much useless. I came across websites that looked good, but that even gave my latest gastrointestinal upset. The reason is that JavaScript was used for almost everyone. This slows down significantly, regardless of whether you use a CMS or copy your own web page.

A simple design rule that I learned: use JavaSript when necessary for the task. Never, never when he doesn’t add any functionality or does it only when you are studying and want to check a thing and, naturally, when your customers keep knocking on your door because they need animated pop-ups, scrolling parallax and the like.

There are times when you need JS, even for eyecandy, but on too many pages this is too much. Result: people will love your web page, where your photo gallery page will not take 15 seconds to display a new image, or the scroll speed will make you think that the Internet was “faster” in the early 1990s ...