7 Replies Latest reply: Sep 23, 2012 6:10 PM by Ned Murphy RSS

    Advice on how to keep Flash website small & fast

    Nic0nik0

      Hi, I'm developing my first Flash website (I know, I know, there are plenty of reasons to use other development products, but for now it will be Flash), and I envision a site with several pages and needing to load some large graphics.  I'm doing the main design work in Illustrator and importing it into Flash.  I'm not too concerned with animation except perhaps moving some buttons around.  My plan so far is to use a lot of UI loaders to keep the main .swf small and to really try to keep the coding pretty simple as I'm a newbie anyway.  I'm looking for general advice on how to prevent the main site from loading quickly - for example, I don't have a good sense of the best format to use for graphics, or which makes the site slower: using several UI loaders or just keeping the content in the main site?  Is a lot of code or large graphics more draining on the load time?  Any thoughts on what you think I can do or not do to keep it lean would be super appreciated, or any other resources you might be able to point me to.

       

      Thanks in advance!

        • 1. Re: Advice on how to keep Flash website small & fast
          Ned Murphy MVP

          "I'm looking for general advice on how to prevent the main site from loading quickly"

           

          That contradicts the title of your posting. 

           

          Optimize/resize all graphics that you import into the file before you import them.  Otherise, load all sizeable content dynamically, especially sound and video files.  Which types of images you use depends on the nature of the images and the intentions.  Generally, between jpeg and gif you will get the best savings bite-wise.  Anything you can draw using the Flash drawing tools is a bonus in the savings department.

           

          Instead of using UILoaders, use code-based Loaders.  Using Flash components tends to add weight when you don't need it. 

          • 2. Re: Advice on how to keep Flash website small & fast
            Nic0nik0 Community Member

            Thank you!  I meant to say prevent the site from loading too slowly, I can't find an option to edit my original post for some reason.  But thank you for the advice!  Would you say it's a bad idea to import images directly from Illustrator, or is it better to export them as jpegs or gifs?  I'd been doing a combo of exporting as the web & devices optimized pngs and just directly importing them; the pngs seem to loose a lot of quality though.

             

            again, thanks.

            • 3. Re: Advice on how to keep Flash website small & fast
              Ned Murphy MVP

              If you have vector drawing in illustrator, then importing them as vectors into Flash is the better way to go.  I do not have alot of experience working with Illustrator (in any regard, nevermind in association with Flash), but what I usually do with illustrator graphics is copy them in Illustrator and paste them into Flash instead of importing them.  I don't know if this buys me anything, but what I end up with is just the graphic elements I need.

              • 4. Re: Advice on how to keep Flash website small & fast
                Nic0nik0 Community Member

                This may be a really, really stupid question, but is the size of the .swf exactly tied to the size of the .fla file?  Eg., if there are items in the library of my flash file that aren't being used (for example, different versions of an image that I'm trying out) in the actual movie, does that affect the size of the .swf?

                 

                 

                Also, more generally: is it always preferable to dynamically load external .swfs?  I'm looking at a situation with needing to have maybe 20 different 'pages' of a site, each with a few basic buttons.  Is it likely to be a better idea to keep all these in the main swf, or to load each one using a simple code-based loader as suggested above?  I guess the actual question is what slows down a flash movie more, code or images?

                • 5. Re: Advice on how to keep Flash website small & fast
                  Ned Murphy MVP

                  Nah... really really stupid questions only get asked in non-Flash forums.  The size of the swf is not tied tot the size of the fla.  The fla has alot more baggage that inflates its size greatly compared to the swf it creates.  The swf will end up bearing the weight of whatever content you put in it.

                   

                  If you want to see what's adding weight to your swf, go into your Flash Publish Settings and select the option to Generate Size Report.  When you publish the file it will display a detailed report of each element and the weight it contributes to the swf.

                   

                  As far as dynamically loading swf's, it is often a necessity, unless the swf is strictly an animation.  If you import an swf into an fla file, all of the actionscript that might have been in it is stripped out.

                   

                  Code will have negligible weight in a file.  Images (large/heavy ones) can put lead shoes on a file, along with video and sound files.

                  • 6. Re: Advice on how to keep Flash website small & fast
                    Nic0nik0 Community Member

                    Thank you so much, the size report was something I didn't know about and I expect will be incredibly helpful.  I can't thank you enough for this practical advice!