Results 1 to 6 of 6

Thread: loading or not loading images? (a philosophical discussion)

  1. #1
    Join Date
    Aug 2008

    loading or not loading images? (a philosophical discussion)


    I am currently building a website, and I have it rigged so that the entire page is contained in one .html file, with a matching css file.

    The way I set it up is that I have several div tags that are set to display:none, and this is switched onclick with javascript.

    The site works pretty well for basic text.

    Now I got into an argument with a fellow scripter. One of the pages should include images, an arbitrary amount. This page isn't the home page. but since all that a page is is a div tag that is switched between display:none and display:block this page loads at the same time as the home page, with the images loading at the same time (later technically since they are only called at the end of the .html file).

    (I hope this makes sense)

    Now what we were arguing about was bandwidth. He argued that the user might not browse to the images page, and thus loading it took up a lot of bandwidth (more as the number of images increases) that wasn't necessary. I argued that since the home page loads first (as well as all the other pages which don't have images), this shouldn't be an issue, because the user can still use the site while the images are loading in the back ground. If he then no longer needs the site he just closes, no harm done. If he then decides to view the images, they're there preloaded.

    To this he responded that the loading of the images might slow down the loading of other (non associated) pages the user was viewing at the same time.

    What he proposed to do was make the images load only once you click on the portfolio page (essentially making it a seperate page). I argued that then the whole benefit of the fast seeming page is gone.

    What is the proper course of action here?
    Last edited by StaedlerMars; 08-05-2008 at 01:19 PM.

  2. #2
    Join Date
    Nov 2006
    Springfield, MO
    I can see the programmer's point of view and if I'm understanding it correctly, he's correct. Having said that, without knowing the infrastructure of how the page is loading, it'd be hard to offer advice or solutions.
    Ryan Butler

    Ryan Butler.org

  3. #3
    Join Date
    Aug 2007
    Regardless of that, it's an inaccessible method. With JavaScript disabled, the user either cannot get any other part of the page, or otherwise are given the entire content of the site.

    The only other downside is that you are forcing the user to download a lot of unnecessary information, and the server to upload it. Since the page loads sequentially, the user shouldn't notice any delay due to the extra amount of images on it, except on pages loading other than your page. You cannot be sure without seeing the page though.

    Personally, I'm against the idea. It suffers from nearly all of the problems that frames do, and you are forcing the user to download data they may not want.

  4. #4
    Join Date
    Aug 2008
    But why is he right?

    The entire page loads before the images start loading, so all the text, and all the pages except the portfolio page are finished. If he needs the portfolio page this gives it time to finish loading.

    Sure, this grabs bandwidth from other sites loading, but isn't that not my problem? All this assures is that the items that my site are loading are first in queue when it comes to downloading.

  5. #5
    Join Date
    Aug 2008
    Sorry Declan, I hadn't seen your post.

    I know the javascript switched off problem. But that's not the point. That's the same issue as someone who doesn't have flash. I'm ultimately going to have to build the site with separate pages anyway for exactly this reason. Right now it's basically just an issue of pre-loading images or not.

    The rest of my post still stands though.

    EDIT: good point on the server side uploading. I hadn't really thought of that.

    as a solution i'm probably going to make an entire new page for the image gallery.
    Last edited by StaedlerMars; 08-05-2008 at 03:05 PM.

  6. #6
    Join Date
    Nov 2006
    Springfield, MO
    I look at it two ways: if bandwidth is the issue, the programmer's point of view is absolutely valid. if bandwidth isn't the issue, then if your description of page load is correct, then his point of view regarding load issue more than likely isn't relevant.
    Ryan Butler

    Ryan Butler.org

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.16472 seconds
  • Memory Usage 2,882KB
  • Queries Executed 13 (?)
More Information
Template Usage (32):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates