(Web Design) When you switch pages, how do you interfere with the screen white?

This is complicated: when you click on a link on a web page, it usually highlights the page (poor terminology - I know), but in some cases, if the DOM is basically the same, it jumps between the two without blinking white. The reason I want it to smoothly transition every time is because I influence the links that look best ...

So, what exactly makes it possible to disable pages with approximately the same DOM so? Thanks =)

+6
html browser
source share
4 answers

The fact that your page is running the moment you move from one page to another, I think you can’t do anything about it, since there are many factors that can play a role (i.e. the responsiveness of your web server, the speed of your internet connection, etc.).

However, if you really want to have a good transition between pages, I suggest one of the following solutions:

1) Load the pages in an iframe. When switching from one page to another, you can show a boot message, for example, using DIV-overlay. You can hide the overlay of the download message when the page has been loaded. This can be called using the jQuery.ready () event on the child page (the parent cannot determine if the child page has been loaded).

Please note that to manage the parent page from the iframed page, all pages must be in the same domain (single domain policy).

2) If navigation occurs in the same domain / website of the application, check if you can partially download the contents of your page using jQuery.

+1
source share

This is because your webpage is too long to render. To optimize your page’s rendering speed, place style sheets at the top of the page (within <head></head> ) and scripts at the bottom of the page (right before </body> ). It worked for me.

Also, take a look at Yahoo's article on this topic: "Best practices to speed up your site . "

+1
source share

Take a look at AJAX , as this is usually a way around the "send response" problem that I remember using ASP. Net, where the screen usually flickers when submitting a form when it reloads the entire page.

0
source share

I do not think that's possible. The PDF converter only outputs your final html output ... Javascript always starts when loading or interacting with the DOM. So this is not possible.

-4
source share

All Articles