Solved

Preloading web pages

Posted on 2013-02-05
7
276 Views
Last Modified: 2013-02-06
Hi,

im curious if it is possible to tell someone to start downloading pages once you have finished loading the home page. reason for this is i have large photos on my website and they can behave a little slowly.
0
Comment
Question by:M. Jayme Nagy
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
7 Comments
 
LVL 53

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 175 total points
ID: 38858515
is possible to tell someone to start downloading pages once you have finished loading the home page.
You can tell people whatever you want.

But it sounds like your real issues is your images.   If you optimize your images they will download faster.  As example, if you have a 2meg image that is 8 X 11 physical size, you can bring the size down to 1000 pixels wide and change the resolution to 72 dpi and the total file size will be less then 150K.

If you have a slide show with many images, be carful because some of these things load all the images at once.  If you have 20 images you are over 2 megs on the page.  Instead, you can use ajax to load each image.
0
 
LVL 6

Author Comment

by:M. Jayme Nagy
ID: 38861300
Hi,

i know i have to reduce the images quality to reduce the size i was just curious if there is a relativily easy way to tell someone looking at a site that once they hit the home page the other pages are being cached or something along those lines
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 38861494
Why do you have to tell them anything? It is unlikely that they care and a lot of them won't even know what you are talking about.  If the page is slow loading; they can see that.

Cd&
0
Why You Need a DevOps Toolchain

IT needs to deliver services with more agility and velocity. IT must roll out application features and innovations faster to keep up with customer demands, which is where a DevOps toolchain steps in. View the infographic to see why you need a DevOps toolchain.

 
LVL 6

Author Comment

by:M. Jayme Nagy
ID: 38861512
im essentially trying to speed up the process. the site is primarily information so it would take time to read it as they spend this time the other pages are loading up in the back ground. so when they move to it the images dont lag the page. this only matters the first time every three months anyways but i am curious if there is way around this other than editing my images.
0
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 38861675
"relativily easy way to tell someone looking at a site that once they hit the home page the other pages are being cached or something along those lines"

Everybody's web experience is a little different for a multitude of reasons.  If you have to explain there is going to be a problem, take care of that problem and don't explain it.  

I suppose you could use ajax/javascript to pre load images but only on the current page.  Then you would want to use the current page to display the images once loaded.  

If you are trying a work around because you don't physically load the images, you can have your serverside script reduce the size of the image.  I typically save the image in a temp folder, then have my script resize to a copy in another folder.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 325 total points
ID: 38861824
Simple put you can't preload pages.  However you could use panels and preload the content into hidden blocks with AJAX.  Then when they go to a new "page" you just load the requested block into the innerHTML of a container.

Cd&
0
 
LVL 6

Author Closing Comment

by:M. Jayme Nagy
ID: 38861840
thanks
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question