Speed up how a iWeb page loads in a browser

I just started using iWeb. I have coded in HTML for my personal website at work and that loads quickly, but when I load my iWeb page in either FF or Safari, it takes a long time loading each image. Is there a way to this up?
TiA,
DB

DB ~ This article may help:
http://www.iwebformusicians.com/SearchEngines/Optimize.html
Also let me... Well, see for yourself by clicking HERE.

Similar Messages

IWeb Pages Load Slowly in Browser

Even since the 1.0 version of iWeb, I noticed that the content rich themes resulted in very slow page loads. So, I decided to choose the most minimalist theme possible -- Modern. Even with the latest version, I still notice that the pages created load quite slowly. Here's a simple page with just a few elements on it:
http://web.mac.com/resourcesforlife/journal/
The various layers load at different times, so rather than text appearing on a page, the text appears without a page and then the image layer of the paper shows up later -- kind of ruining the effect of text on a paper.
Previously, the blog directory (main page) would load at an average speed. Now it seems even slower. There are some kind of white borders being placed around the images and this takes a while to apply. I didn't notice these prior to the 2.0 version of iWeb.
So, in general, the density of coding on the pages and inefficient design of the pages, seems to cause them to load slowly. This is a similar problem to what I've heard about with people using Microsoft Word to create HTML pages. The code ends up being very complicated and takes a long time for the browser to interpret. So, many people use programs like Dreamweaver to create the cleanest and simplest code possible for their pages allowing them to load quickly.
Another example of an unnecessarily slow page is my blog archive. It's just text. When it generates, it almost seems like the server is creating the page using a MySQL engine or something like that. One would think that the archive page might be generated into clean HTML at the time of publishing. I looked at the source code, and it isn't pre-generated using basic HTML. It's calling up Java Script routines to generate the page:
http://web.mac.com/resourcesforlife/journal/writings/Archive.html
Any thoughts on this topic?

How weird, but cool! It's too bad iWeb isn't as smart as you are. Since the site generates much of the coding on the fly at the time of publishing to the web, you would think it could think of a smarter way (like the one you've presented) to generate the page image. For example, the text I typed in on the little notepad begins as me typing text. It ultimately ends up as a graphic image created by iWeb when publishing. So, why not just make the entire page a relatively compact JPG image?
Your suggestion would work great if I wasn't planning on changing the content of my main opening page.
I noticed if I used the fun handwriting font along with others in the same text box, that the entire text box became hundreds (like 300) different images representing the separate text and links on the page -- super inefficient. So, I ended up using the fun handwriting font in a separate text box that gets converted to an image and then another text box of Arial font text:
http://web.mac.com/resourcesforlife/journal/topics.html
So, that works on those pages. But I wanted the main page to look nice. Oh, also, some of the elements on the page are links. The movie tickets link to a certain page, for example. So, I'd need to create hotspots in the jpg image to accommodate for that.
In any event, I'm still going back to mark this question as solved because I think for most people's situations it would be with the suggestion you made -- use iWeb to design the graphics of a page, and then save it as a JPG.
I suppose I could also use Pages or Keynote to do the same. Once an entire web page is a JPG image, it doesn't matter how it was created.

Make iWeb pages load Faster - DIY tips

Like many other "i" apps from Apple iWeb is an "abstraction layer" builder which is what allows it to be a mostly WYSIWYG site creator. But the downside is that because you can't edit code (and personally I don't want to be an HTML code monkey) that means iWeb has to use some hidden, under-the-hood tricks to create some of the "pretty" graphic elements we all like to see, such as shadows, borders, reflections, etc.
After building a couple sites that weren't very complex I noticed photos and other graphics were taking far too long to load compared to other, similar sites and wondered what was causing the slow page-loading times. By using tools like RAGE iWeb SEO Tool and, the built-in page inspector in Safari I was able to see exactly what was going on under the surface: iWeb has to use JavaScript code to create and build things like borders on objects or photos, reflections, shadows and even non-web-safe colors.
For example, a simple colored border around a box gets converted into several segments of lines that are individual PNG's! That means instead of a single boxed-element the browser has to instead load all these separate PNG files and literally "builds" the border around the shape - or photo image. That takes a lot of extra time to process - and some browsers can't even read the code properly and don't build them at all during display.
So here's how you can build a better graphics-heavy page in iWeb and reduce this JavaScript processing time:
1. Try to reduce the use of borders around graphic elements as much as possible.
2. When you want a reflection, shadow, border or even perspective change on a photo or image file, use this application to create those effects instead: http://www.acqualia.com/picturesque/. This can build all those elements INTO the image file and can output it as an optimized PNG. Otherwise, every effect has to be built in Javascript separately by the browser - and also explains why some browsers like FireFox are unable to even display shadows created by iWeb.
3. Although iWeb '09 will do it's best to scale-down large photo files it's best to do that work in a photo editing program first. Image files - unless they are going to be really huge - should be 150k in size, or smaller.
4. When possible use web-safe colors for page color, backgrounds, shape-objects etc. only. This is especially important for Windows browsers which can easily get confused with iWeb created code.
If you've noticed slow loading times on your iWeb sites these tips should help speed things up quite a bit - especially when it comes to images with effects.
Cheers.

Like many other "i" apps from Apple iWeb is an "abstraction layer" builder which is what allows it to be a mostly WYSIWYG site creator. But the downside is that because you can't edit code (and personally I don't want to be an HTML code monkey) that means iWeb has to use some hidden, under-the-hood tricks to create some of the "pretty" graphic elements we all like to see, such as shadows, borders, reflections, etc.
After building a couple sites that weren't very complex I noticed photos and other graphics were taking far too long to load compared to other, similar sites and wondered what was causing the slow page-loading times. By using tools like RAGE iWeb SEO Tool and, the built-in page inspector in Safari I was able to see exactly what was going on under the surface: iWeb has to use JavaScript code to create and build things like borders on objects or photos, reflections, shadows and even non-web-safe colors.
For example, a simple colored border around a box gets converted into several segments of lines that are individual PNG's! That means instead of a single boxed-element the browser has to instead load all these separate PNG files and literally "builds" the border around the shape - or photo image. That takes a lot of extra time to process - and some browsers can't even read the code properly and don't build them at all during display.
So here's how you can build a better graphics-heavy page in iWeb and reduce this JavaScript processing time:
1. Try to reduce the use of borders around graphic elements as much as possible.
2. When you want a reflection, shadow, border or even perspective change on a photo or image file, use this application to create those effects instead: http://www.acqualia.com/picturesque/. This can build all those elements INTO the image file and can output it as an optimized PNG. Otherwise, every effect has to be built in Javascript separately by the browser - and also explains why some browsers like FireFox are unable to even display shadows created by iWeb.
3. Although iWeb '09 will do it's best to scale-down large photo files it's best to do that work in a photo editing program first. Image files - unless they are going to be really huge - should be 150k in size, or smaller.
4. When possible use web-safe colors for page color, backgrounds, shape-objects etc. only. This is especially important for Windows browsers which can easily get confused with iWeb created code.
If you've noticed slow loading times on your iWeb sites these tips should help speed things up quite a bit - especially when it comes to images with effects.
Cheers.

IWeb page loads half white, please help!

Hello everyone, I have a very annoying problem. I have the background on my iWeb page set to black, but nine times out of ten when I visit it online, the bottom part of the page loads white. I refresh and I refresh and it keeps doing it, then eventually it goes away after the millionth refresh. But sometimes it doesn't appear at all.
How can I make it so that the page always loads with a completely black background?
Any help would be greatly appreciated.
Thanks!

As far as I can tell it is an minor annoyance I have seen this in my own websites from time to time as well as other CSS websites created with something other than iWeb. But, so far I have only experienced this in Safari.

How to use page loading.htm of standard BSP htmlb_samples .

Hi All,
I am calling an RFC in the OnCreate event of one BSP page , so it takes a bit longer to load and a blank page is shown till the layout is executed.
I would like like to show Loading.... effect page , instead of the blank page , till the main page layout is executed.
I read in a [thread|Loading Message] that we can use the loading.htm page of htmlb_samples application for this.
I tried as described in this thread , but after the loading page the application dosent navigates to the main page.
So how to navigate from loading page to Main page of application?
Any other ideas for showing Loading effect page will also help.
Thanks,
Anubhav.

Hi anubhav
From 1st veiw(Initial page) navigate it to the intermediate(Loading.htm) page then from this page navigate it to the second view(Main.htm).
In the intermeidate page you can use javascript and navigate it to the second page(Main.htm).
In a function of javascript put the code of re-directing Url and call this function in the onload event of the body tag in html.
window.location("url").
What happens is when the loading page gets called then, it will inturn call the main.htm page. So till the main.htm page comes the loading icon will be displayed.
Thanks
Vijay.M

ITunes 8: How to Disable Page Load Sound Effect on Vista

I tried looking around the site for some answers to get rid of the annoying sound effect after a page loads in iTunes 8 on Windows Vista, but didn't see any. After looking in Vista and playing around with some settings, I have found the answer!
Vista users:
1. Right click on your desktop, and then go all the way down and click "Personalize"
2. Click "Sounds"
3. Scroll down until you see the iTunes category.
4. Click the "Page load complete" sound and then change the sound (bottom left of the window) to (None).
Annoying sound DISABLED.
Hope this helps!

Thank you.
I recently switched to a new laptop running Vista (from XP) and this was driving me mad.
This ought to be auomatically disabled when playing music as it's really annoying!
Thanks again.

How to center page in any size browser window

How do I center a page in any size browser even if page is too wide to display - I still want the page displayed from the center and hide the edges as the browser width gets narrower. E.g. I have 3 columns and want to always see the central column - the outside columns will be visible only on a wide screen, but only the central column is visible on a narrower screen such as a smartphone. I have set the margins of my wrapper div to auto, but this only centralises the page until the wrapper width is the same width as the browser window. Help me please !

Thanks Nancy O,
Using the % as a width does now allow the page to remain centred.
Is there a way to keep the web page size as original even when the window gets smaller - i.e.you will only see the outside edges of the page by using the slidebar left or right if viewing in a smaller window. Ioriginally set the wrapper div width to 700px rather than 90%, but when I reach a browser window of 700px, the page then reduces in width towards the left rather than reducing it centrally.
I don't know how to link to my page as it is not yet a live page, so can't show you specific code. Hope the above explains what I am trying to do. Basically, the two outside columns will be less important info, so I don't need this to always be visible, but if viewing my page on a smartphone, I want the central area to be seen in full (approx. 450px wide), and not reduce in size.
Thanks for your help,
ActivePlanner.

How to change page loading in code view?

We have thousands of pages and whenever we load a page it appears in code view so it is difficult to know which page it is that you need to work on. Is there a preference setting to allow opening a page in Split view? It's easier to know we've selected the correct page visually than that with looking at similar code.
Any tips?
Rick

I must not have been clear. Sorry.
My layout: Design view on top, code view on bottom, file/assets/etc on right. When I select a file to open, it flashes in split view and then goes to code view. Our pages look very similar and just code view can't display the page layout and I always (well, used to) work in split view.
How can I set my preferences to say "open file in split view"?
Thanks for the response, tho!

How to reduce page load time

Hi All,
In my page i have 2 portlets...
The first portlet takes 10 seconds to render and the second portlet takes 8 seconds to render. Therefore, your page is taking more than 18 seconds to render. I want render these portlets in <= 12 seconds ...
Please give any suggestions..
Thanks in advance...

Try using AJAX to load the portlets

Why won't the full web page load on any browser?

My webpage won't load fully no matter what browser I use (safari, chrome). I tried downloading the latest Java and that still doesn't work. I've also played around with turning extensions on and off but still nothing.

Go step by step and test.
1. Safari > Preferences > Extensions
    Turn off Extensions if any and launch Safari again to test.
    Turn on those one by one and test.
2. Empty Caches
    Safari > Preference > Advanced
    Checkmark the box for "Show Develop menu in menu bar".
    Develop menu will appear in the Safari menu bar.
    Click Develop and select "Empty Caches" from the dropdown.
3. Safari > Preferences > Extensions
    Turn off Extensions if any and launch Safari again to test.

HOT TIP to make pages load faster (img background?)

OK this obviously won't apple to everyone but... I managed to DRAMATICALLY reduce the page load time.
Firstly, this tip is for you if you're using a background image on your page - in the content for example - where I'm using mine.
iWeb, for some reason known only to the developers, creates a PNG image the COMPLETE size of your web page!
So if you're site is 700px wide and you've got a lot of photos on a page then it could go say 3000px in height. iWeb will create a 700px X 3300px (or so) PNG with your background.
THIS WAS 1.4MB!!!! for me..... absolutely crazy!
They put in no-repeat on the background CSS.
So how to fix this...
It's actually quite easy
1) Publish to a directory
2) using photoshop or some other image editing tool that can open PNG files, open up the largest background_image1.png - largest being largest in px X px - e.g. 700 X 3300 is bigger than 700X1800
3) crop the image in width from 700px to 5px - yep you read that right - crop it to 5px!
(Now obviously this depends on the image you're using in the background but I am assuming that most images are patterns that repeat horizontally... if you have another image that repeats horizontally and is bigger than 5px then make the image as wide as your repeating image)
4) save the image as a JPG
5) open MassReplaceIt
6) create a query where you replace /background_image1.png) no-repeat with /background_image1.jpg) repeat-x
7) set it to update all HTML pages that use a background
8) copy the JPG to all folders that have the background image (unfortunately as the folder name is different it's difficult to just put the image in the /images directory - and i don't know how to use wildcards in massreplaceit - any tips welcome)
NOTE: I am using the same image background on all pages for consistency therefore I have the same filename - I am assuming that it's like that for everyone - the filename that is - so checkout that the replace will work for you.
Well hope that helps you - I managed to reduce the page load times dramatically and now I can actually consider using iWeb for generating pages for my family in Australia who are still on 56Kbit modems and don't have broadband available.
Cheers
Jason

http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.nmrtubes.com/
Your entire home page is made entirely from
images.....consider using some
use of CSS and background colour, minimal graphics and some
actual text, and
you'll be a long way better off.
Brendon
"s.joy" <[email protected]> wrote in message
news:ejfvjp$j0c$[email protected]..
>I had posted this a couple days ago, but then wasn't
available to check in
> until now...so I'm reposting and this time I included my
web address!
>
> Does anyone know how to make pages load faster? My page
loads
> incrementally at
> the moment. The only images on my home page are .gifs so
I'm wondering why
> it
> still comes in choppy when the files are so small. The
address is
> www.nmrtubes.com
>

Firing a method of backing bean on Page Load

Hi all,
Can anyone tell me how a method of the backing bean can be fired when the corresponding jsf page loads in the browser...
in fact some data is to be fetched from the server at the time of page load and rendered in one of the fields ... kindly help me in this regard ...
thanks in advance,
Neeraj Upreti

You can use a constructor or initialization block of the bean for this or maybe even introduce lazy loading in the getters, all depending on the expensiveness of the actual logic.
If you're using JSF 1.2, you can also use the beforePhase attribute of the <f:view> to specify a method which is to be fired on beforePhase of the view. You can also add @PostConstruct annotations to the methods which are to be fired on construction of the bean.

My Internet Connection is Fast, but Web Pages load slowl

I have tested my connection on several websites. I am using RoadRunner and I consistently get speeds between 3500-4500 kbps. In the past few days I have the same internet speed but all my web pages load really slow. Up until this problem I would click on a link and it would take 2-3 seconds to load the next page. Now it is more like 15-20 seconds. Once I get a page loaded if I download something from that site it is still a fast download.
Any ideas on what could have slowed loading web pages , but download speed still shows really fast?
Your help is appreciated
Cheers
mrjazz

If your download speeds are still fast, it is most likely the broswer that is slow in rendering the pages.
Are you using Safari and if so, do you leave it open all the time? Safari is notorious for hogging RAM and CPU cycles and slowing to a crawl if you do not quit and restart it.

Pages load with a "hiccup"...

Hi!
I have a problem with pages loading with a visual "hiccup". My site www.joecurtisband.com (Google will say it's going to my myspace, but it goes to the proper site) loads o.k. and everything is good EXECPT... when you go from one page to the next, as the new page loads the image and text "hiccup". Everything seems to load for a split second about an 1/8" higher than it should, then loads in place. This ONLY happens at the published site, not in iWeb. I took great pains to assure everything was consistent from page to page so it would flow nice. Any advise would be MUCH appreciated.
Thanks,
Joseph

After the pages load in the browser, a JavaScript is executed to draw the navigation bar at the top of each page.
That instance between loading the page and the drawing of the links takes a split second.
It's browser dependent too. Safari shows the hiccup. Firefox 3.0 & Flock do not.

Pages load slowly - image resolution probs?

i suppose the answer to this is pretty obvious but i'll ask anyway...
my iWeb pages load a bit slowly, and on my iPhone some of them don't even finish loading - they stop before they're done.
i've just checked some of the images - typically they are about 250 pixels square or so and most say they are transparent gifs, and are 43 bytes.
a few are jpegs and are 9000, 12000 or even 15000 bytes. i guess they are the problem?

A 15 kb image file is not very large by any standards. The site loaded quickly for me. However, I have a very fast cable connection. What sort of connection do you have? The largest file on any of the pages is the background image at 316 KB and is the one that seems to load last in any of the pages. You might try optimizing it. Although that's not really big either but could be reduced in file size with some optimization. The welcome site has 36 files it has to load. You can see what they are by bringing up the Activity window in Safari under the Window menu. I took the background image and optimized it in Photoshop and got it down to 72 KB from 416. You can download it by clicking here. It will download as a zipped file so you'll need to unzip it. Give it a try and see if it will improve the load time for you. It's the same for all pages.
Wyodor speaks very highly of Web Site Maestro, a site optimizing program. It has a demo mode that lets you optimize 50% of the files in a site. You might give it a try.
Looks like a terrific house. Wish we had know of it back in 2000 when we stayed in Malaga for a week.
OT

Speed up how a iWeb page loads in a browser

Similar Messages

Maybe you are looking for