Tip: Speeding up iWeb

Well, I've mostly switched to using Freeway Pro for web design, but I wanted to put this tip out in the iWeb community.
I've been playing with speeding up my websites per the suggestions from the Google Page Speed Test. What I found was that iWeb are slow! www.3michigan.org had scored 7/100 (really, really bad).
1. Optimize the images using ImageOptim (free!) before uploading them to your web space. This means that you first have to publish to a local folder first, optimize the images, and then upload to your server using an FTP app, like Cyberduck.
To find all the images in the local folder, navigate to it in finder, and type "blah" into the finder search. Then, press the + button and select "Kind is Image - All. Now, highlight the "blah" that you typed in prevously and hit the delete key. All the images in the local publish folder will now appear.
Type Command-A and drag them all to the ImageOptim window. Now, ImageOptim will optimize all the images and automatically save them back into the folder where they came from.
Now all you have to do is upload it to your webserver!
2. Leverage Browser Caching
Open your text editor and paste this bit of code into it:
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES CACHING ##
Save this file as "htaccess" on your computer. Then upload it to the public_html or www folder on your server. Now, rename it to ".htaccess" (Without the quotation marks). If you server hides system files, then the file should dissapear from view.
Anyone else have any tips for speeding up an iWeb website?

I don't really pay attention to stats because they can be manipulated so many ways and there are so many variables. The proof of the pudding is in the eating.
If a web page takes more than a few seconds to load you will lose cutomers. I had one person claim their site loaded in so many milliseconds! Of course, it didn't. There are so many variables beyond the actual size of the files -  such as the speed of the internet connection for a start.
So many people creating websites seem to blissfully unaware of the fact that a large and growing number of their potential customers are using wireless networks and are up against data limits. They need to learn to cut all the non essential crap no matter what way you create web pages.
Optimizers will obviously give the best improvements on badly coded sites.
Apps like iWeb have to have lots of divs with positioning info to allow the user to be able to drag stuff around and drop it anywhere they want. Using a little thought and minimal css you can produce an equivalent page with a fraction of the code by using the position of items in the HTML.
When coding a site I try to avoid any positioning info apart from some floats and media queries for responsive designs. iWeb has to add this info for every item. A lot of it is inline which is one cause of slow downloading sites. The browser has to load this info for every page instead of just reading a master stylesheet once.
Apps like Freeway and Flux do a little better but its down to the user. The more you depend on drag and drop rather than code, the more code the app has to write to make up for the users inadequacies.
I can code a website with Flux that is faster than most but, because I can, I don't need an app like Flux or Freeway anyway.
Its unfortunate that there's nothing much around that will help users who are unwilling to learn code to create faster loading sites since this is becoming more important due to the rapid increase of mobile devices and less people using computers to surf.
Unfortunately, you can't build a one size fits all website without getting your hands dirty with some code. You only have to look at the amount of code that the online mobile website builders produce to see that this is just a bad joke.
HTML5 allows us to use leaner, meaner code and the advances in CSS are helping to make up for the extinction of flash and to cut down on javascript. Browsers are begining to catch up - even Internet Explorer. Its just the people who are being left behind!
People expect movies and slideshows on websites nowadays because they don't like to read. Movies need to be loaded in different file sizes and formats for different devices with flash fallback for older browsers. I haven't seen any software that will do that without learning code.

Similar Messages

  • Speed up iWeb

    I have made a couple of websites with iWeb and I am caught in the Catch-22.
    The nicer looking the website, the slower it loads.
    I have found two applications, Web Crusher and Web Site Maestro, that promise to speed up iWeb-created websites.
    Anybody recommend this? I would like to get faster loading, but still remain with the drop and drag of iWeb.
    In short, any experience or advice with programs that promise to speed up web sites.

    I haven't looked at Sandvox for a while. When I did try it out my main criticism was that it wasn't as intuitive as iWeb.
    Its relatively expensive but I suppose that is offset by the fact that it produces a more SEO friendly site. Having said that I would rather do the SEO myself!
    If you have a good grasp of html, javascript, php etc, Sandvox, in the Pro version, makes it easy to add this. The iWeb HTML Snippet can be used to add a lot of fairly fancy stuff but there are times when its limitations are a bit of a pain. I'm hoping that Apple will develop direct code injection in iWeb.
    As it has been pointed out, you can make exotic looking sites with iWeb but I would have thought that RapidWeaver would have been a more desirable choice if you want a huge selection of templates to choose from - at a price of course!

  • Photo Gallery Speed in iWeb Site

    Hi, I'm looking for some advice on quicker photo galleries.
    I've made my organization's website using iWeb... It seems to work fine, except a lot of the site is really slow to load, especially large photo galleries. I realize a lot of this has to do with the code, but is there another solution (have the photo's hosted by some other, faster service)?
    See for yourself: http://turtleconservancy.org/travel/brazil/
    Thanks for your help!
    Max

    Hi guys, thanks for taking a look. The site is made with iWeb. The gallery was made by drag n drop + linking to image files, then adding the shadow box code in Dreamweaver.
    When I said the site is slow to load, I am just looking to speed it up. It loads fine on every test machine i've used. I'm just looking to make it even faster! (Google Analytics is telling me it's slow...)
    -If I hosted the linked images on another server (amazon cloud) would this speed things up?
    -Is there another way to present a gallery of images with captions + shadow box (or similar, elegant) effect that would cut down the load time?
    Also, a bit off topic, anyone know of a good resource to read up on taking advantage of browser cache capabilities and how to make a section of the site (ie. navbar) an "include"?
    As you can clearly see, I am no pro... Haha! Any other streamlining/optimization tips are greatly appreciated!
    Again, the site I'm working with here is: http://turtleconservancy.org/
    Thank you for all help and advice!
    -Max

  • Is there anything I can do to speed up iWeb download times?

    I was wondering if I could ask the forum a couple of questions. (I have had a look through previous posts but wasn't able to find the answers I need. Apologies if my questions have been answered before).
    I bought iWeb a few days ago and website building is virgin territory for me. Over the weekend I put together a site. This is albeit a skeleton site, but the final site will be pretty much the same, only with more picture and text content.
    The site is primarily about displaying photographs to picture editors (etc) so fastish download times are important for me . On my G5 (with reasonable broadband), and after emptying the cache, the site opens very slowly. (Page opening times range from 5 seconds to 10 seconds). This is unfortunately far too slow for my needs.
    I have tried to speed up the download times by a variety of means:
    (1) Reducing the file size to 30kb jpeg files in ImageReady using 'save for web'
    (2) Using the 'original size' facility in inspector.
    Nothing seems to be increasing the download times to acceptable speeds.
    Does anyone know what I can do, if anything?
    Please check out this skeleton site at:
    http://web.mac.com/gregoryclements/iWeb
    Any help or feedback with this would be very much appreciated.
    Cheers,
    Greg
    1.6GHz PowerPC G5   Mac OS X (10.3.9)  

    Hi Greg,
    Went to your web site. Page loading time wasn't too bad here, but I'm a photographer also and am sympathetic to your need for speed.
    Here's what I found and my current ideas for speeding up page loading speed.
    I grabbed two of your images and found that they were 450k png files, not 30k as mentioned plus the images, in my opinion, are soft and could be sharper.
    Some iWeb observations re: Photo Pages and Image Optimization Workflow
    Dropping hirez files into iWeb it will automatically "Fit Image" to 800x800px with a jpeg compression of 10.
    Watching users open my web pages I've noticed and feel:
    a) Alot of these folks are PC users and their display resolutions are not set as high as we use editing photos.
    b). Because of this, images over 500px high cripples some users from seeing the bottom of a page and controls that may be there.
    c) My current workflow includes using "Fit Image" to Width 700px and Heigth 500px.
    Following are Custom and Batch Image Processing Workflows
    These will work with Raw, Tif or Jpg images and will assume that you have reasonably worked up your images applying your own voodoo.
    Custom Image Processing Workflow. (using smallest file, quick version)
    1. Load images into Bridge
    2. Edit and manually sort images into the order you want.
    3. Renumber images with (sequence)(-)(Filename)
    4. Use Tools->Photoshop->Image Processor
    Save the files as sRGB Tiff and Fit Image H500px by 700px
    5. Open images in Photoshop
    6. Apply your custom image image corrections to each image
    7. Sharpen the images
    8. Save for Web using jpeg with medium compression.
    9. Images are now ready for web use.
    Using this process a couple of times you will come away with a feel for the Custom image correction and amount of sharpening and compression works best for your images.
    Now you are ready to start batching images.
    First create a bunch of commonly used action.
    I have a "Sharpen" folder containing actions named:
    30 SmartSharp
    40 SmartSharp
    50 SmartSharp
    60 SmartSharp
    etc.
    Also, I have a Convert to Profile folder of actions
    A Color Correct folder of actions that calls on some of my favorite nik Color Efex filters and presets.
    And a "Save As" folder of actions containing
    Save4Web high
    Save4Web medium
    --Don't let me lose you here becase here comes the good part
    Create a folder of "Combined Actions" and create some useful combinations.
    Example: "sRGB 50Sharp WebMedium" that calls on three of the actions previously created Convert to Profile, SmartSharpen and Save As
    Now you are ready for:
    Batch Image Processing Workflow
    1. Load images into Bridge
    2. Edit and manually sort images into the order you want.
    3. Renumber images with (sequence)(-)(Filename)
    4. Use Tools->Photoshop->Image Processor
    Save the files as sRGB Tiff and Fit Image H500px by 700px
    but this time use: Apply Action "sRGB 50Sharp WebMedium"
    5. Images are now ready for web use.
    Respectfully submitted,
    Junebug Clark

  • Tip: Speed up Cover Flow

    I recently discovered a usefully feature for speeding up Cover Flow. If it's been posted before apologies in advance.
    If you go to View >> Show Options in Finder and switch off 'Show Size' and set 'Use as Defaults' I found that it greatly increases the speed. However, this is only useful of course if knowing the file size isn't critical.

    another option is to move the database out of My Pictures....

  • IWeb 3.0 slow load time

    My iWeb created site is impossible to view on a PC. What can be done to speed up time and smooth out the view and scroll?

    Here are some additional tips on making iWeb sites more compatible with IE: How to get your iWeb Site to load in Internet Explorer.
    OT

  • Making an iWeb site for dialup users

    I'd like tips on using iWeb 08 to make a site (to be part of my mac.com space) that will be suitable for people with dialup connexions to use. This is for a Friends of the Library organization for a rural branch library, and most of our area has no access to broadband internet connexions, or if they do, cannot afford them. I understand keeping the graphics small in download size, and have used the application Imagewell to prepare the photos prior to placing them in iWeb or my Wordpress blog.
    But, for example, is there one template that is significantly less complicated/faster to download? I can use "view source" to look at them, and know a little about html, but would appreciate any suggestions on this.
    Can "site optimizers" such as Site Soap 1.3.1 or Web Site Maestro 6.5.1 be used with iWeb? Would there be any significant gain, given that I will already be making the images small & fast to download?
    Is iWeb contra-indicated for this situation? Should I use some other very simple html editor instead of iWeb?

    Website Maestro will significantly reduce you file sizes for faster download.
    For a photo example see....
    http://roddymckay.com/PhotoStuff/PhotoFile.html
    I tried Site Soap way back before I discovered WSM - no comment!

  • IWeb 09' photo album page cannot be displayed on IE7/8

    I have created a photo album page with iWeb 09'. Publish to a folder and test on Windows system (IE6/7/8). All photo frames cannot be displayed, but just the title and some text. The page is blank afterwards with background colour only. Firefox for Windows is fine. Anything I can do as there is no other option for export / publish webpage to folder...... thanks a lot.

    Welcome to the Apple Discussions. As you probably know IE is a very poor browser. Roddy has published tips on getting iWeb pages to load more efficiently in IE: http://www.iwebformusicians.com/WebMusic/iWebandInternetExplorer.html.
    He has posted other tips here:
    http://discussions.apple.com/thread.jspa?messageID=9375447#9375447
    http://www.iwebformusicians.com/WebMusic/iWebTips.html
    OT

  • Using movies on iWeb

    I am still trying out .mac, seeing if it will work for me. I bought iLife 08, but found out that the new iMovie will not ruu on non-intel machines.
    I see the demos that people can have these amazing videos on their site. I made a 2 minute movie and exported it "for web" in imovie. I dropped it into my iweb page and
    1) the 2 minute movie ended up being 4.2 mb.. Isn't there a way to get this smaller? I use Flash encoder for my other sites, but it seems like this would be more efficient.
    2) I try to hit the "play" button in quicktime, but the movie doesn't play in either Firefox or Safari, although I see it loading on the screen

    Your link for browserweb.org gives me a blank page. If the PCs have Quicktime installed they should be able to view the movie. Also there's a lot more about an iWeb page that PCs running IE will have problems with.
    Roddy has gathered a number of tips on making iWeb more compliant with IE.
    "Basically, iWeb is way too sophisticated for Internet Explorer to handle.
You have to "build down" your site for the World's Worst Browser.
Use web safe fonts.
Don't convert text to graphics.
Optimize all your images.
Don't use drop shadows, reflections etc.
Keep your page file sizes down to a minimum.
Run your files through an optimizing application"
    The site I've used is http://ipinfo.info/netrenderer/. I don't know how accurate it is though.
    OT

  • IWeb '09 and WordPress blogging

    As a volunteer, I currently have two web-sites for separate annual public events published by iWeb and hosted by GoDaddy. Each event is autonomous from the other. One event is for a history-based reunion in the summer, the other for a winter festival.
    If I were to create a blog on WordPress.com (which I assume to be a free service) for each event, is there a way to connect the WordPress.com blogs to their respective event web-sites, so that each site could show a "blog" page in the header and allow a visitor to visit the blog without leaving the event's web-site?

    I found this tip on the iWeb Unlimited tips blog, and was wondering if this could be used to do what I was asking about in my Original Post in this thread:
    iWeb Tip #2 – iFrames in iWeb (Websites within Websites)
    http://iwebunlimited.com/iweb-tips/tip-2-iframes-in-iweb-websites-within-website s/
    What do you think?

  • How to create a header that is consistent and do you like iWeb vs. others?

    anyone know how to do this? want an image in the background that is 781x131 with a menu that is consistent on all pages with links to view the available pages. also want a sign up box in the header that is always in the upper right hand corner. can anyone guide me to do this?
    is there one great tips site for iweb?
    do you guys like it? anyone tried this vs. godaddy's website tonight or the microsoft office live? do you have a sample site you can share?
    thanks!!

    Make your image in whatever program you use and save for the web - this will compress so making it quicker to download. Insert said image into the text box at the top of the page.
    Make your links on this page as you want them to appear. Dupilicate the page as many times as you wish and rename the pages to correspond with the link titles. You then use the inspector pane to link each page to each other page.
    Hope this makes sense.
    This is one of my sites made with iweb on a blank template. There is at the moment only one page so no links. http://www.horleydrc.co.uk/petridge
    This site is made with Nvu and KompoZer so you can see or not the difference.
    http://www.horleydrc.co.uk/native_ponies2
    The horleydrc site is separate but linked to the other sites.
    This is a useful site for tips http://iwebfaq.org
    Message was edited by: Hazell

  • Iweb issue - question marks ??

    Hello
    I'm a new user to iweb and this is my first post.
    Basically I have been getting used to the iweb app for a few days now and have started putting a basic website tigether as a kind of online cv for the work I do.
    I currently have a small amount of web space (55meg) with my broadband account and have been using this to publish and test my web site.
    I have been using Safari, Firefox and Internet Explorer 5.2 on my G5 to view the web site.
    Generally everything looks fine, but the odd question mark symbol keeps popping up. Ironically the site seems to look best in IE, but question mark symbols show up in all three browsers.
    I wondered if anyone may be able to help with this ?
    Many thanks in advance
    Dual 1.8 G5   Mac OS X (10.4.7)  

    Hi rdfmusic and welcome to the iWeb forum!
    Your problem is a common one when publishing to a non .Mac server but is easily fixed. Tom Gewecke has created a page that addresses this with the solution:
    http://homepage.mac.com/thgewecke/iwebchars.html
    Tom has also set up a page with links to a lot of tips on using iWeb:
    http://web.mac.com/thgewecke/iWeb/1/Tips.html
    Others have also put lots of other iWeb tips in their web sites, you can search in this forum for those who have been most helpful and click on the link to their sites.
    Bob

  • IWeb short URL "trick"

    I've been reading a number of posts about how to arrive at a shorter URL for iWeb sites; many seem to involve either using some other site or registering a domain name - I administrate five already, I don' need no more steenkin' domains. Anyway,... I came up with the following "trick"; alright, so it's not much of a trick, but it seems to work for me. For those used to short URL's like:
    http://homepage.mac.com/membername/
    as your "site", you CAN have:
    http://web.mac.com/membername/
    if you publish to a folder instead of letting iWeb publish to .Mac on its own. On your iDisk, you'll find a "Sites" folder which represents your HomePage sites, and a "Web" folder which represents your iWeb sites. For my test, I published to a folder called "iWeb" (didn't matter - could have been "foo") and gave it the "short" URL as a reference (not that it needed it; it was only the canned "Welcome" page). I then copied ONLY THE CONTENTS of that folder directly into the Sites folder within the Web folder on my iDisk. I then went to the "short" URL:
    http://web.mac.com/membername/
    and it worked. Hope this helps; hope Apple also makes this a direct option within iWeb for those that only want to use their account for "a" site instead of multiple.
    PowerMac G5 Dual 2GHz   Mac OS X (10.4.4)   My other computers are also Macs

    For a short URL, please check the comments related to this post at TUAW:
    http://www.tuaw.com/2006/02/08/mac-blog-posts-simple-tip-for-homepage-iweb-redir ection/

  • IWeb publishing nightmare (2)

    Apple locked the first thread with the same title. Let's keep publishing comments and possible solutions here.

    Alxalx, referring back to the first 'Nightmare' topic and your original post about deleting PrePublishState.plist, I wonder why you recommend beginning by first publishing to a folder. Why not follow Chad Brantly's suggestion instead in the same thread [ http://discussions.apple.com/message.jspa?messageID=2342637#2342637 ] ? By publishing to a folder you immediately lose all the extras which supposedly come with publishing to .Mac, including the new-style slideshow which arrived with iWeb, password protection, and so on, whereas Chad's approach begins with the full .Mac folder structure.
    That said, though, I'm not now even sure that it's necessary to upload at all from a local source to one's iDisk. The really significant thing, and a tip for which you deserve great credit, is getting rid of PrePublishState.plist. Thanks to you, I now have functioning comments in a blog I created to test iWeb 1.1.
    I went through the same frustrating difficulties as so many others have, with each of several attempts to Publish All to .Mac failing with publish errors, whether beginning with my previous work intact or following deletion of everything in iDisk/Web/Sites/iWeb. I noticed though, also as many others have, that all the relevant material seems to make it onto my iDisk despite the error messages. Comments did not show up on my 1.1 blog, however, despite having been activated in iWeb and displaying there. So I applied your tip by quitting iWeb and moving PrePublishState.plist out of the Domain package. On re-launch, everything in iWeb's Site Organizer showed blue, so I offered silent thanks to you for that much at least.
    I then disabled comments in my 1.1 blog and re-published. Only this page appeared when iWeb 'prepared to publish', nothing else was uploaded to .Mac, the update was very quick, and for the first time I actually watched as the progress indicator filled fully and the 'site published' message appeared. I then re-activated comments, re-published again, got an even speedier upload update this time and . . . Comments were up and running! I then added an entry to the blog as a further test. Things were still fine. The upload was once again limited to the changed blog page only, was very fast, and Comments appeared correctly on the new entry page.
    As you've already mentioned in the other thread, the only downside about all this is that adding a page or a site causes iWeb to Publish All once again, which is an annoyance, but one which can be lived with while we wait for a definitive fix from Apple.
    [ Visit here for iWeb Tips, Tricks and Hacks ]

  • Publishing and viewing in other browsers

    I've published my iweb file to a folder for upload to my domain server, and I have tested the links in Safari and Firefox and they are working well. Internet Explorer (MSIE) on the other hand has not been successful in any of the versions I've tested. I've refined fonts and images to optimize for the web, but that does not help. I am not a coder (thus iweb) so I don't know how to amend the links other than in the inspector pallete. Any ideas how to troubleshoot this so that MSIE sees the same thing that Firefox and Safari do?
    BTW i'm testing in MSIE 5.2. If there is a newer MAC version of MSIE I'm not aware of it.

    Give this site a try to test your iWeb page: Test your web design in different browsers.
    Member Roddy has gathered a number of tips on making iWeb more compliant with IE.
    "Basically, iWeb is way too sophisticated for Internet Explorer to handle.
 You have to "build down" your site for the World's Worst Browser.
Use web safe fonts.
Don't convert text to graphics .
Optimize all your images.
Don't use drop shadows, reflections etc.
 Keep your page file sizes down to a minimum.
Run your files through an optimizing application"
    In addition here are some other tips I've gathered from this forum:
    1 - do not use and frames or borders, etc. around photos.
    2 - don't use any reflections.
    3 - use only the web safe fonts from the Font pane.
    4 - do not use drop shadow on fonts.
    5 - turn off smart quotes
    6- if you add a jpg to a page don't resize it in iWeb as that will cause it to be converted to png. Resize it to what you need before adding to the page. Then go into the Inspector/Metrics window and click on the Original size button. iWeb will resize any image no matter what size it is originally.
    7 - make sure no items are touching or overlaping text boxes or images as that will cause them to be converted to a png file.
    The above will reduce the number and size of files associated with a web page quite a bit. Photos with fancy frames and reflections can generate a thumbnail png of around 110KB whereas the plain version will be a jpg of only 28KB. Although it doesn't sound like a lot, it will speed up loading of the page and be more darkside (i.e. PC) friendly.
    Run a test with a test site and publish to a folder. Then follow the hints above and publish to another folder and compare folders.
    OT

Maybe you are looking for

  • Blue screen appears after sudden shut down

    Product name: HP G56 Notebook PC Error message something like "Boot" "Hard Drive" "Insert CD"

  • CS 3 crashes during opening a file

    I have a problem with my Photoshop CS 3. Everytime I try to open a file the program crashes producing the message "Photoshop.exe has detectetd a problem". I'm runnig CS 3 on a Windows XP x64 OS. I have already installed the update to version 10.0.1.

  • Error with connection

    Dear All First of all I new to JAVA and thanx lot for your help which help me lot to clear my mind. Now I have problem with following code. //----  HTML Code ----- <html> <head>   <title>Well Come To Billing Ts</title>    <meta http-equiv="Content-Ty

  • Another keyboard lock issue: 8800, upgraded to 4.5

    Evening folks, I'm having a problem with locking my keyboard. I can assign the Convenience Key to lock the keyboard, but Alt-Enter won't do the job. I've removed the Alt-Enter option from the Language menu. I've also removed the battery, sim, and mem

  • How do you import different text fonts in photoshop cs6?

    Anyone know how?