I am working on this website. I used firebug along with DreamWeaver to create it. The website does not load fine when the page is opened(the layout is not as I wanted and I created it.) but when I refresh the page, it becomes exactly as I wanted it to be. Now I am stuck with it. I have never been into such a situation before. Please help me out how can I make the website load properly at the first instant. Thanks
It could be that the connection was slow the first time you loaded it. So the layout took longer. Next time you loaded it, everything was in the cache and the layout was quick!
So your low bandwidth (HTML) version of the site loads a 7.46 MB animated gif? Wow... I would get rid of that animated gif! Makes your site look choppy and unprofessional! That is surely a big part of your problem.
It looks exactly the same to me both before and after refresh. Hard-reset your cache, make sure you're not on a destructive proxy, and try using your browser in private mode.
Related
community!
I have a small problem with the loading of my website done in Wordpress.
When I enter the site, all the elements are displayed in a disorderly way for about 3 or 4 seconds.
After that short time, all the elements are loaded and sorted correctly.
I have tried to use plugins to optimize the load, clear cache and minimize css and javascript. However, the problem continues.
What action can I take on the site to fix this faulty and slow load? Thank you very much.
This is my site: https://www.tecnobreak.com/
Various plugins such as WP-Rocket and WP-Optimize.
I would suggest adding a loading screen. This will be the easiest route.
Alternatively you will need to priorities what needs to be loaded first on page load.
I assume you have optimized your images and made sure everything is up to date.
Have a look at the following site http://www.soe.gr.
The whole page has been built with CSS Page Builder Magic 2 (projectseven.com).
Every button is a link to a different .html page.
However, I do not know why every button press creates a flash effect in the page, the background changes instantly color and generally it gives an impression of abnormal operation. I have not met any site with such behavior except some pages inside projectseven site.
Do you have any idea why that happens? Is it something wrong with Page Builder Magic approach?
I am new to Web Development world and I want to know if there is any problem with these guys.
Thank you very much
I checked it out, it doesn't behave abnormally at all for all those effects you have there, I checked out the size of one of the images it is about 250kb, then imagine the other images which I assume are of the same size, and they are all going to be loaded when the page loads, you definitely should expect some effect
We have a WordPress website which loads sufficiently in every browser I've tried, except for IE. For some reason in IE, it seems to freeze the browser for a few seconds every single time the page is loaded, doubly so if it has to load a page with an iframe of another page. The user has to wait awhile before they can interact with anything on the page.
Here's the site.
Someone suggested we could use WP Supercache to solve the issue, but I've had problems with this plugin in the past and am reluctant to rely on it, especially since this seems to be only a problem in IE.
What is the best way I can troubleshoot this issue? How do I find out which scripts in the header, or footer, etc. is causing it? Is there a quick way to do so, or do I just need to start eliminating variables within the theme?
I'd don't quite understand why but in IE9 style.css is being pushed right down the page load order - see request #35 http://www.webpagetest.org/result/130327_Y9_f1d5796658d8475b68e2e537644173f1/1/details/
As a browser won't render until it's downloaded the applicable CSS this blocks rendering.
Chrome on the other hand prioritises downloads so that resources that can block rendering are downloaded ahead of images.
Here's a side-by-side video of the two loading experiences.
(If you want help looking at this further my contact details are in my profile)
Thanks to this thread I just found, the answer appears to be fancybox: Fancybox causing slow load times in IE?
Specifically, the IE-specific filters in the CSS file for fancybox. I removed those filter styles, and it loads fine now.
Sorry, I don't seem to be able to give just a comment. Anyway, in Opera 12.14 it works fine. And in Explorer (8) it works just as well, no errors in the console. Just my .1 cent.
I have a program that works fine on my development machine and on QA but it does not work properly on Stage.
The issue seems to be that Stage is a much slower box and it takes a long time for the web page to come up. When it does come up most of the various sections of the page look fine, but there is one section of code that comes up "raw"...but this I mean that the stylesheet has not been applied to it.
Is there a way to "force" this stylesheet to be applied to the page first?
Thanks
I was wondering if anyone can help me out. I've got a page that shows about 260 images so it obviously takes a long time to load. I've noticed a lot of the time in Chrome it takes too long to load, and by too long I mean it appears to be unresponsive.
Safari on the other hand seems to load the page up pretty quickly.
So I am left here wondering is there something that exists in the lifecycle of a chrome http request that would be trying to pre-load the images or something to that effect which is causing the delay.
Both browsers are working from an empty cache.
Can anyone enlighten me!
The network tab on the chrome developer tools will let you see the order the images are loading in, and the average time fetching each from the server. I've seen issues where a certain higher res image can cause a browser to stutter a bit when rendering the page (usually IE :s), so this might help you pinpoint if its a particular image causing the issue.
http://code.google.com/chrome/devtools/docs/overview.html