SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Please help, the website vibrates and the maker denies

    I bought a theme from Yithemes. On my PC the website vibrates and flashes. Their demo vibrates too. I asked them a few times to solve the problem and each time they say they see no vibration. The only website that vibrates on my PC is that of Yithemes.

    Go to their demo:
    http://demo.yithemes.com/tyrion/

    Refresh the site a few times and Watch to the main navigation that flickers.

    Or go to "shorcodes" and click on some elements of the subnavigation (shortcodes) and look at the main navigation that vibrates.
    My pc resolution: 1920x1080

    Please help, no one likes vibrating websites.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,616
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    I fllowed your instructions and didn't get any vibration. Have you restarted your computer? Sometimes they get a bit loopy. If it still happens, what browser are you using?

  3. #3
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    16,492
    Mentioned
    164 Post(s)
    Tagged
    1 Thread(s)
    Hi Mazigh, welcome to the forums

    I don't know what you mean by "vibrates" and "flashes"
    What I see are javascript populated nav links changing from
    Home Shop Pages Shortcodes
    to
    Home v Shop v Pages v Shortcodes v

    Way too many javascript and CSS files for me to be of any help, but hopefully someone here can help or you'll at least know what to tell the theme authors.

  4. #4
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    I fllowed your instructions and didn't get any vibration. Have you restarted your computer? Sometimes they get a bit loopy. If it still happens, what browser are you using?
    > Have you restarted your computer?
    Yes and many times.

    The website flickers on Firefox, IE en Chrome.

  5. #5
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,236
    Mentioned
    52 Post(s)
    Tagged
    2 Thread(s)
    Mazigh, welcome to the forums.

    What PC are you using and what browser (If IE, what version) are you using?

    Please explain what the words "vibrates" and "flashes" mean in your description. I do not see anything flashing, nor do I see or feel anything vibrating or shaking rapidly. At this moment, I don't see a problem other than the simple fact that the site is very image heavy and takes several seconds to load. The loading time incurs various delays as objects are being rendered, but you did not mention delays. So would you mind restating the problem and giving more information about your PC?

    Thanks

    Off Topic:

    EDIT: boy, am I late to this party

  6. #6
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Mittineague View Post
    Hi Mazigh, welcome to the forums

    I don't know what you mean by "vibrates" and "flashes"
    What I see are javascript populated nav links changing from
    Home Shop Pages Shortcodes
    to
    Home v Shop v Pages v Shortcodes v

    Way too many javascript and CSS files for me to be of any help, but hopefully someone here can help or you'll at least know what to tell the theme authors.
    Before flickering.JPGafterflickering.JPG

  7. #7
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    16,492
    Mentioned
    164 Post(s)
    Tagged
    1 Thread(s)
    Thanks, I do see that now. That's a jpg doing it's "progressive" thing. Other than using a better optimized image I don't know how to avoid that. I'm interested to learn what approach others might suggest.

    There is also a position shift that can hopefully be resolved with CSS changes.

  8. #8
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ronpat View Post
    Mazigh, welcome to the forums.

    What PC are you using and what browser (If IE, what version) are you using?

    Please explain what the words "vibrates" and "flashes" mean in your description. I do not see anything flashing, nor do I see or feel anything vibrating or shaking rapidly. At this moment, I don't see a problem other than the simple fact that the site is very image heavy and takes several seconds to load. The loading time incurs various delays as objects are being rendered, but you did not mention delays. So would you mind restating the problem and giving more information about your PC?

    Thanks

    Off Topic:

    EDIT: boy, am I late to this party
    See the pictures above

  9. #9
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,236
    Mentioned
    52 Post(s)
    Tagged
    2 Thread(s)
    IMO, both of the issues shown are the result of the order in which the page loads, the size of the content, plus the multitude of scripts involved. Everything takes time. Neither of these issues are CSS problems. They are the result of the design of the "theme". It's "heavy". Bloatware takes time to load.

    I would advise Mazigh to take the issues back to the author of the theme with his example images and an improved description of the issues and hope for a fix perhaps by preloading more of the content before rendering the page.

  10. #10
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Perhaps this has to do with Javascript that is not loading fast.

    The first navigation:

    Home Shop Pages Shortcodes

    ‘^’ The icon is loaded and it becomes:

    Home Shop ^ Pages^ Shortcodes

    The distance between two elements in the navigation is recalculated and becomes bigger. therefore vibrates the navigation.

  11. #11
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ronpat View Post
    IMO, both of the issues shown are the result of the order in which the page loads, the size of the content, plus the multitude of scripts involved. Everything takes time. Neither of these issues are CSS problems. They are the result of the design of the "theme". It's "heavy".

    I would advise Mazigh to take the issues back to the author of the theme with his example images and an improved description of the issues and hope for a fix perhaps by preloading more of the content before rendering the page.
    This is the answer from the author:
    Hi,

    I'm sorry, but I don't see problems in our demo

  12. #12
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    16,492
    Mentioned
    164 Post(s)
    Tagged
    1 Thread(s)
    If you go to the page with javascript turned off you will still see the "progressive" but the javascript caused position shifting is gone.

    I agree with ronpat. Essentially you have two choices
    Try to call the referenced files differently so they load before the page is rendered - a delay in initial page display
    Load the page as is - accept the rendering shifts
    It depends on what's more important to you, a slower initial page load that renders well or a faster initial page load that has rendering shift.

    And yes, there is a lot of "bloat", you can do the best you can to reduce file sizes and it should help
    eg. optimize images, minify javascript and CSS files, reduce HTTP GETs
    But in the end you can't expect an extremely heavy page to load fast perfectly.


Tags for this Thread

Bookmarks

Posting Permissions

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