Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 3, 2014 at 3:41 pm #259690
    understandchristianity

    Hi guys,

    We’re having a couple of issues. First, upon the initial loading of the page our tabs have a funky format/style, then about halfway through the page load they finally situate themselves correctly. The styling is a bit delayed.

    Second, I’ve tried adjusting the accordion/toggle opening speed (the slideDown duration) in shortcodes.js, but with no success. When I adjust the slideUp effect, it works, but it seems like the javascript for slideDown may not even be present–the content is simply going straight to ‘visibility: visible’. FYI, they are set to ‘toggle’ mode in the settings.

    Here are a couple of links for examples that have both issues: http://www.understandchristianity.com/pastors-desk/ and http://www.understandchristianity.com/online-bible-commentary/genesis-1/ .

    We appreciate your help!
    Brock

    May 4, 2014 at 5:00 am #259859
    Ismael

    Hey understandchristianity!

    Thank you for using the theme!

    This should be easily fix by using a cache plugin and optimizing the website. Usually minimizing the image sizes and number of plugins that you install will greatly improve the performance. These are the things that you can do to optimize the website speed and page load courtesy of the wordpress community:

    1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg
    2. Once all images are on the website optimize with ewww optimizer plugin twice 1hr 10mins apart.
    3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
    4. Use BWP minify plugin to minify scripts and stylesheets.
    5. Install WP-Super cache, select all recommended settings.
    6. Logout your website, visit every page at least once to create super cache files.
    7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
    8. Have a cup of coffee.
    9. Visit your site after 20 minutes or so.
    10. Don’t forget to smile.

    Hope that helps.

    Cheers!
    Ismael

    May 4, 2014 at 5:17 am #259864
    understandchristianity

    Haha, I’ll let you know how it works. Will that also solve the toggle speed issue?

    Thanks, Ismael!

    May 4, 2014 at 7:04 am #259892
    understandchristianity

    Hi Ismael,

    Super cache obviously works great, as do the other suggestions, but I’m still having the same issues, even on pages with no images. Any specific plugins that might be affecting it all?

    Thanks,
    Brock

    May 7, 2014 at 4:34 pm #261362
    Devin

    Hi!

    I think the root of the issue, at least on that first link, is that you are embedding multiple forums in a single page. By doing that you are forcing WordPress to do a whole lot of queries to your server.

    Unfortunately with that kind of situation there isn’t a lot you can do beyond getting a dedicated hosting plan or changing the layout/content on the page.

    Best regards,
    Devin

    May 13, 2014 at 4:17 pm #264010
    understandchristianity

    Thanks, Devin. Yeah, we’re going to concede and just stick with the basic bbPress forum setup. The tab issue still exists on other pages where the tabs display on the left, so if you have any suggestions on what to try next we’d appreciate it.

    Also, still looking for help on the accordion and toggle open speed issue. Do you know where I can change it?

    Thanks,
    Brock

    May 19, 2014 at 4:50 pm #266834
    Devin

    I’m not sure about the toggle animation. It seems like its only one way as you’ve noticed but I’m not familiar enough with it to say if its editable or not.

    I’ve tagged the topic for Peter as he might be able to shed some light on the issue.

    May 20, 2014 at 10:04 am #267181
    Dude

    Hi!

    Try to insert this code into the quick css field:

    
.active_tc.toggle_wrap {
display: none;
}

    and then change then replace the transition speed in the shortcode.js file – i.e replace

    
content.addClass('active_tc').slideDown(200,

    with

    
content.addClass('active_tc').slideDown(1500,

    Cheers!
    Peter

    June 6, 2014 at 7:02 am #275471
    understandchristianity

    Hi Dude,

    Sorry it took me so long to get back about this. Tried your suggestion and it didn’t seem to change anything.

    Any other ideas?

    Thanks,
    Brock

    June 7, 2014 at 8:19 am #276021
    Ismael

    Hey!

    Thank you for the update.

    I tested Dude’s code on my end and it does slow down the opening speed of the accordion toggles. Make sure that you added the css snippet. Try to set the value to 10000 and you’ll see how slow the toggle will open. If possible, remove browser cache before testing the toggle.

    Best regards,
    Ismael

    June 7, 2014 at 5:57 pm #276083
    understandchristianity

    Yeah, I did all of that and even just tried it again. Still no luck. It seems to be opening as if there was no slideDown speed designated at all. Each accordion toggle opens immediately without any effect or delay. It operates slideUp just fine, but not the slideDown.

    Any ideas on what might be going wrong?

    June 7, 2014 at 6:09 pm #276086
    understandchristianity

    Ok, I figured it out. The W3 Total Cache plugin is interfering. I’m guessing it has to do with the Minify feature. I’ll try to see if I can exclude the toggle function in the Minify settings when I find the time. If you guys already know how to do this and can quickly tell me, I’d appreciate the help and time-saving.

    Thanks,
    Brock

    June 7, 2014 at 6:14 pm #276087
    understandchristianity

    Also, any thoughts on why it is not interfering with the slideUp but is interfering with the slideDown?

    June 8, 2014 at 2:38 pm #276202
    Ismael

    Hi!

    Thank you for the info.

    You can manually select which js scripts to minify using the manual mode of the minify option. Please refer to this link for more info: http://uprankers.com/w3-total-cache-javascript-minification-troubleshooting/

    You should probably not include the shortcode.js file which holds the toggle script.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.