How do you do this in order to make them load faster on subsequent web pages.
Printable View
How do you do this in order to make them load faster on subsequent web pages.
How do you do this in order to make them load faster on subsequent web pages.
Nav bars are in a separate place from the web pages. If you decide to use a page design from WebStyle, first of all set up a folder which will hold it. Call it, say, <span class="ev_code_RED">site</span>. Decide what you are going to have on your Nav Bars. Make them so that every page will have the same Nav Bars - so you may find that your Nav Bars will have a self referencing button: eg if you look at http://www.churchard.pwp.blueyonder....sions/Apr.html you will find that on the vertical nav bar there is a button for April - and it is highlighted. Make changes to the Webstyle template - colours, things which will be on every page, the tables layout, Nav Bars etc. Remove all the other content. Save as say, <span class="ev_code_GREEN">index</span>, in the folder, <span class="ev_code_RED">site</span>. (WebStyle will suggest a name based on the theme name - not generally a good idea). You will also need to save the page as a project. This is a convenience as it allows you to change things like gifs and jpegs later which otherwise would have to be recreated from scratch. Use a meaningful name.
If you look in the folder <span class="ev_code_RED">site</span> you will find a sub folder <span class="ev_code_BLUE">index_files</span> and the page <span class="ev_code_GREEN">index.html</span>. A good idea is, before you put content into <span class="ev_code_GREEN">index.html</span>, to save it again as <span class="ev_code_PURPLE">blank.html</span>. Then you can use blank to make more related pages. These will have the same page furniture you set up in WebStyle. And all the page furniture is in <span class="ev_code_BLUE">index_files</span>. You do not need to do anything to the contents of <span class="ev_code_BLUE">index_files</span>.
If you change the Nav Bars later, make sure you save them in <span class="ev_code_BLUE">index_files</span> - but WebStyle will try to do that anyway. And when you upload changes make sure that you upload the <span class="ev_code_BLUE">index_files</span> subfolder as well - because that is where WebStyle has stored any changes.
Thanks for your prompt response.
What I'm trying to do is: pre-load the navbar images onto my local drive so that they load faster on subsequent web pages.
I have tried this using Java Script on one of my sites, and it appears to work.
Until you change them the Nav Bars are in the sub-folder index_files. Java scripts are a bit of a mystery to me (hence my liking for WebStyle) but surely once you have the nav bars on your computer, you have them on your computer.
If you have photos or pictures, such as, banners or navigation bars that are on all of the pages on the site: it makes the loading quicker if you pre-load them onto your hardrive. You are correct in say once they are on my HD there are on my computer, but it is not me I'm trying to satisfy. It is the readers of my site: who will not have them on their HD. So I'm pre-loading the images to make the site run quicker on everyones computer.
I may be wrong, but I would have thought that with the system of having common Nav Bars, which I described above, once a reader has downloaded one page they will have the Nav Bars in their temporary internet cache. And they will not need to be downloaded again.
Or have I misunderstood?
I have pre-loaded my images onto the readers HD thro JavaScript. This has resulted in my opening page loading a little slower (due to the pre-loads), but my navbars now load instantaneously on all of the other web pages. Whereas before they would load somewhat slower (i.e. button by button).My pre-loaded pictures also load instantaneously.
I read about pre-loads in a HTML book and I feel: what they recommended has certainly worked: my only concern was what to load for the Xara Navbars.The answer appears to be: pre-load all of the navbar .gif or .jpg files
http://www.talkgraphics.com/images/smilies/eek.gif Say What Brian. Most interesting, obviously it worked for you. I want to learn more as like GOC this doesn't fit with my model of the web. If you are using IE can you go to TOOLS - INTERNET OPTIONS - Temporary Internet files - Settings. Which radio button have you got selected under "Check for never version of stored pages", if you don't mind. How much disk space are you using for your Temp Internet files folder.
I would like to test this before and after. Check out have my site looks to you in terms of the xara menu, again, if you don't mind. I've got a high speed connection and it is loading in an instant. http://members.rogers.com/kdhersey
Further to pre-loading navbars I also pre-loaded some mouse overs: these also loading much faster and were less sluggish than they had previously been.
my settings are:-
Automatic
1224Mb.
If you are using high speed connection I would not expect to see any difference.
http://www.talkgraphics.com/images/smilies/wink.gif Automatic is the same setting I'm using, and I have a less generous cache. Could you do this experiment using my website. After you bring up the first page on my site http://members.rogers.com/kdhersey. Mouseover all of the menu items in my menu bar. Two of them have dropdowns, please mouse over those as well, then pick another page and see if my menus have the same problem you experienced.
I have one page with 16 thumbnails and one large picture that load when it opens. I deliberately didn't preload the other images because the entire page would load so slowly on a 56k modem that no-one would wait.
http://www.talkgraphics.com/images/smilies/wink.gifChatterie de La Vieille Grange
May I add my input here?
I don't have this pb for I use frames......I am still trying to figure out why do everyone abandon frames in web design, but here it is:
I installed my navbars in the left frame and the content is displayed in the main frame.
As a result: the main page is loaded fast enough, and the navbar is loaded only once
Any constructive remark is welcome
http://www.talkgraphics.com/images/smilies/smile.gif I'm delighted that you responded. On this forum I'm one of the novices. I'm good at solving problems, but short on a lot of concepts. I can't tell the difference between frames and nonframes. I have used a variety of layout tables and regular tables to put together my pages.
With Frontpage, I guess that I'm not using frames because my entire page refreshes when I go to a new page. Am I right? Honestly, I keep asking myself, why is it repainting the whole page if the navigation buttons on the left bottom and top are never changing, except for the title of the page.
I'm evaluating Xara, and I've read that Xara dropdown menues, can't open over a frame. I haven't seen anyone contradict that. Is it true.
Do you have some suggestion for me. Can I get frontpage to use frames. Is this what makes Dreamweaver a better choice. If you are using frames are you using a different tool to cross over the frame boundary for submenues.
Hi FP-User,
to answer your remark about frames:
I use Dreamweaver, but I'm sure it works fine with FrontPage, and I choose a 3-frame-layout
Each frame opens a different html file.
The overall frame set is called the index.html
Only the main frame is refreshed with the various content
I read everywhere that one should not use frames in webdesign as it reveals ergonmic issues.....!!!! I am really puzzled by this statement and still try to understand why 90% of the web sites have abandonned frames.
I don't see the issue!
Regarding Xara menus that opens accross frames, I have no issue at all, for each item of a menu I can specify the target frame
I hope this helps http://www.talkgraphics.com/images/smilies/smile.gif
FP-User:-
I tried the experiment and the navbars loaded button by button on the opening page, however on subsequent pages they load instantaneously.
Fred Level:-
Frames are certainly not in fashion today, however I have looked at your site and I like the layout. It certainly is a possible solution to slow loading navbars as you only load them the once.
I think frames are not popular because in the early days you tended to have TOP Frame followed by a LEFT & RIGHT Frame: then designers would add vertical and/or horizontal scroll bars which made the whole page untidy.
I think they is a place for frames if used correctly, and I feel you site has achieved this.
Fred Level
- I was investigate in FP looking for frames, I found them. I was creating a discussion website as I experimented with Xara. FP gives me a variety of layouts and warns that "Not all browsers support Frames." We have Opera, Mozilla, Netscape and IE, and many version.
- Here's two Ergonomic issues. 1. Example: MSN hotmail. Keeps their frame on top of everything I link to from my email account, it stays at the top of the screen steeling my realestate. Ironically, when in hotmail they don't have a frame on my page, it's just when I link to something.
Frames do not scroll up, so "Branding" stays at the top of the screen. Some sites have a button that says click here to break out of someone else's frames. Ergonomic issue 2: People using 640-480 screen resolution can get fed up with a frame that takes up 1/4 of the page they can see (6 of 24 lines). FP provide the option to view a screen in 640x480 size. My personal opinion, about 3 years ago was that it was no longer acceptable for me to use a screen with that size because too much information on the internet required me to scroll sideways down and sideways again. So now I refuse to code for any user who has a screen resolution smaller than 800x???. My guess is that the distaste for frames arose around that time or earlier. Now it may no longer be particularily relevent. Although we still have the browser issue.
BrianE
- thanks for doing that experiment it allows me to draw some conclusions, that will be to my benefit when considering users who have low-speed access, and perhaps to you as well.
- You accomplished your goal, of eliminating slow menues, by preloading on your home page. Your statement "I have pre-loaded my images onto the readers HD thru JavaScript." is a bit incomplete. You pre-loaded them to the users temporary internet cache on their harddrive. After all tomorrow they don't have them anymore.
- Warning - If your website is cataloged by a search engine, it will catalog any page with enough relevent content. In such a case, I could link from a search engine to any page in your site. So if I don't come through the home page, I don't get the items cached for me. I think that Preloading of a any active graphics menu bar, would at least double it's load time as specified by the Xara software. But I could be wrong, we would have to ask them. For pre-caching the waiting happens before the page even shows up, rather than while you are looking at the screen. For myself I'm not going to preload my Xara menu on any pages even though you identified the same problem on my page as on yours. If I force precaching of my menu bar on every page it would take an extra 6 seconds to load every page for your machine. Why? Because even if the images are there, we are forcing the precaching. If I do nothing there is a problem on the first page and on any subsequest page where the user accesses a menu item they accessed before. You verified by accessing everything on the first page of mine that the problem is a first time use problem for each and every active graphic on the menu. With frames the Menubar would still have to be preloaded once, to avoid the problem. Given that it's frames, it would do it only once.
I would say that any button that appears on only one page is a good candidate for precaching if you think that most users are going to clickon/hover over it.
<span class="ev_code_BLUE">Does someone know if I'm right. If you force precaching of items does it do it everytime you return to that page. </span>
BrianE, FP-User,
I read your posts with high interest.
I don't have the answer about impact of pre-loading on each page, but I guess it would be easy to test.
This might not be the brightest idea, but what about, preloading a very light version of the navbar, while the final one overrides?
Let me clarify my thought:
Imagine you make a copy of the button images, in a very light version (greyscale?), hyperlink being already implemented,
this version would load quickly, and yet the visitor would soon realize that each greyscale button gets overriden one by one, with a full color one.
Adjusting the loading sequences, the visitor would already have some content to read while this process is completing.
Maybe it's not such a good idea, the issue being: what is the best compromise between
1-loading time of the full color navbar, not knowing what it's going to be, and
2-having a greyscale pre-navbar before the final one, but yet already knowing what the sites has to offer
I never tried this, 'just came-up
Thanks for the interest shown in this topic. For sometime I was a little surprised that no one seemed to think it worthy of comment.
I have pre-loaded my navbars on the SPLASH PAGE, hence no one can return to this page via the web site navbars. This is an introductor page which acts as a filter for those coming to the site in error.
TVAA
If I go to a web page on the site without going thro' the SPLASH PAGE the navbars loaded slower i.e. button by button.
BrianE:
I was interested in the topic, as your problem is my problem, if I'm using these menues.
You didn't ask for a review of your site, but regarding the "Splash" page.
Clickable Link to Site, I was trying to find out how to get into your actual site and this was not easy enough.
Here is a simple way to do the same thing. http://www.raw-pleasure.com/ - It's about food.
It's a great looking site. When I can make my sites as nice as that one, I'll be satisfied with my efforts. He had an Xara menu, but he's
removed it.
If you want to have credit for the design. I wouldn't put it in one of those banner adds. I don't think people are even going to read it. They haven't even seen your site yet, so they aren't going to be saying wow, who made this site. I think it's smart when a little note or icon is on the bottom of each page. Designed by Angel View Graphics, would be classy.
Put your site into the please review topic, and find out what people really think.
SiteLevel looks interesting.
Fred: That might work. I'd be concerned about it adding to the total load time. You could really just make it one graphic instead of several for you greyscale idea.