Page 1 of 2 12 LastLast
Results 1 to 15 of 19

Thread: how many graphics?

  1. #1
    Join Date
    Nov 2005

    Question how many graphics?

    I am designing a large web site, a couple hundred pages. The client asked for a design that's beautiful before it's efficient. So naturally, I designed all the links as images (very small gifs), to control the fonts. I told them that this would slow download time, but look better. They said ok, that's what they want.
    Now the programmer has come along and told them that it's crazy to have that many images, and she has completely destroyed the design and changed all the links to html text links. Her reasoning is that even though each page may be a reasonable download time, all those pages will weigh down the server and slow down the entire site.
    My feeling is that she's being over-efficient, and exactly what the client doesn't want. But her expertise is as a programmer, so neither I nor the client have the knowledge to challenge her claims.
    I wish I had more specific examples for you, but based on this, can anyone offer some advice? Is she right?

  2. #2
    Join Date
    Jun 2004
    4846′36″ N 910′48″ E
    Well, she is kinda right, but there are ways to get around:
    Are the graphics optimized in size? (programs like photoshop offer this feature "export for the web")
    Can you separate text and image for the navigation, or is it not a standard font you want to use. If it is, you could simply use the same image for each menu element, as a background image, but write the menu elements text as actual text.

    If you have many pages, try to reuse the same graphics
    Where you can replace graphics by background color
    and graphics with text with actual text

  3. #3
    Join Date
    Nov 2005
    right - all the images are optimized in ImageReady. The fonts are specialized, I was trying to satisfy the client's request to make everything look super tight and designed. So really, the links are doing their best to be as small as possible while still looking designed.
    The main thing I wonder about is what she said about all the images on all the different pages weighing down the entire site. She said that having many pages with many images actually slows the server, and how fast someone, regardless of their connection, can view the pages. Is that possible?

  4. #4
    Join Date
    Jun 2004
    4846′36″ N 910′48″ E
    hmm, how many images per page are we talking about?
    and about what size are they?

  5. #5
    Join Date
    Nov 2005
    Here's an example of one of the pages: http://www.east-club.ru/dr/west/school/

    links are on the left, top and right... lots...

  6. #6
    Join Date
    Jun 2004
    4846′36″ N 910′48″ E
    for example you could have this kind of buttons: http://www.east-club.ru/dr/west/scho..._school_42.gif
    converted to text, with the same green as background color

  7. #7
    Join Date
    Nov 2005
    That's good, and helpful. Thanks.
    But still, the main thing I'm wondering about is her statement that graphics on the pages can slow down the entire site/server. Is it possible for pages that aren't active to slow down the current page?

  8. #8
    Join Date
    Jun 2004
    4846′36″ N 910′48″ E
    nope, what slows the server down is the traffic, which means the "exchange" of data between the client and the server, not the amount of files that are on it

  9. #9
    Join Date
    Sep 2005
    The images will all load in browser buffers, anyways. The first page may be a little slow-going, but after that, the browser just needs the site info.

    You could try making gif pics of that alphabet with transparent backings and string them together. That way, you'd need only 26 small pics. Either that, or imbed the font you want.

  10. #10
    Join Date
    Jun 2004
    4846′36″ N 910′48″ E
    it's not the latin alphabet we're talking about here, so my guess is it wont be 26 letters.
    Expect that, no, there is no need of that urqanmaster.
    English or any other languages that uses latin alphabet aren't the only languages on the net, there are charsets for russian, or "russian like" languages, for asian languages, etc..you simply have to specify it.

    The solution you proposed, urquanmaster, would use even more bandwidth!

  11. #11
    Join Date
    Nov 2005
    wow, so you can embed a font into the page? that would definitely solve the problem. Is it a complicated process?

  12. #12
    Join Date
    Jun 2004
    4846′36″ N 910′48″ E
    no, not any font: you can tape in russian, but you have to declare the correct charset in the meta tag in the head of your document

  13. #13
    Join Date
    Nov 2005
    oh, okay, and then it defines the font, but that only works if the font is on the user's computer. I misunderstood.
    Thank you for your help, LiLcRaZyFuZzY.

  14. #14
    Join Date
    Jun 2004
    4846′36″ N 910′48″ E
    You're welcome.
    Hey, just being curious, how come there are some chinese characters on the background of your site, though it's in russian?

  15. #15
    Join Date
    Oct 2005
    driensche: Your web page loaded just fine for this 56k user. I think someone is trying to be way too efficient.

    LilCrazyFuzzy's suggestion of using 1 blank button with text on top is an excellant speed enhancer. One I must try myself.

    If you decide to leave the rollover effect on top as is, may I suggest a preloader?

    LilCrazyFuzzy: How about having too many files in a directory? Does this slow things down? I have always heard it is a good idea to have no more than 100 files per directory. What are your thoughts on this?

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.15173 seconds
  • Memory Usage 3,001KB
  • Queries Executed 13 (?)
More Information
Template Usage (35):
  • (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
  • (15)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (15)postbit
  • (15)postbit_onlinestatus
  • (15)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 (72):
  • 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
  • pagenav_page
  • pagenav_complete
  • 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