Hi all, A friend has asked me to look into creating him a vertical web page. I've found an elegant solution with the jQuery 'scroll-to' plugin, but am concerned about load times once I've inserted a bunch of content (as all the pages are combined into 1). You can see the bare-bones at thenally.com/vertical/index.php. I've only ever created small "conventional" websites, and have never really had to worry about the order in which page content loads. The 'pages' of the site are contained within divs. Is it possible to schedule the 'Home' section to load first, and then allow the others to load afterwards? This would give the rest of the page an extra few seconds before the user clicks one of the navigation links. I have no real experience with Ajax, but it sounds like it might be able to handle this kind of issue. A point in the right direction would be really appreciated. Cheers, Mike
you are right, if you use ajax it would take some time to load that page when you try to access it. what you can do is just create a one whole page and keep it optimal and use less images to obtain faster loading. if you really need to put images on your site, you can use a lazy loader jquery plugin (example: http://www.appelsiini.net/projects/lazyload).
Thanks alot for your reply! This looks like a great start. Do you have much experience using this plugin? From the little reading I've done, it looks like I can use a custom event (like a click) to delay the load, which is perfect for the architecture I'm looking to use. Is this plugin specifically for images or can I load an entire div? I had anticipated just loading each "page" container as the person clicks to that location (i.e. homepage is the only part loaded when the site is visited. if the user clicks the "about" link, the page will scroll there and begin loading the about page). I suppose I could allow mouse scrolling as well as linking, just so the site FEELS more vertical. Otherwise I suppose there's no real reason to create this kind of page. Any further advice is appreciated. Thanks alot!
honestly, the plugin i pasted is just an example of a plugin, i have never used it. i used another plugin for a project but i can't remember what's the name of it, but its function is similar. the concept is to delay the loading of images, it will only load once your viewing that specific div. i think it is not applicable for delaying the load of divs, its meant for images only.
Thanks alot...i figured as much. If I find a really suitable example, I'll paste it back here. Best, Mike
Don't use the Big images directly if you want then Use the thumbnail size images . Don't use More Video on your page.