Template Speed & Linking Out

Mauer Themes Support Essentialist Template Speed & Linking Out

Tagged: 

This topic contains 10 replies, has 2 voices, and was last updated by  Paul 2 years ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1107

    apt2b
    Participant

    Hey There,

    We’ve had such a great experience with the support so far and would really appreciate, if you could help out again. There are two questions we have.

    1. Our blog is not very heavy in terms of imagery or videos (www.blog.apt2b.com) yet it is still pretty slow. We were told it might have to do with the blog template. Do you think this could be a cause? 🙂

    2. We would like to link the logo (“Make It Home) and the subtext (a home decor blog by Apt2B) to be clickable and redirect to our main page (www.apt2b.com). Is that possible? 🙂

    Thank you!

    #1113

    Paul
    Keymaster

    Hello Apt2b,

    1.
    As for the speed. This is a hosting issue rather than a theme issue, and there is a simple way to see it for yourself (see a bit further). In fact, Mauer Themes’ themes are among the leanest on ThemeForest, being free of content composers and other bulky components as well as having their code optimized to a neurotically perfectionist degree. I mean it 😉

    You can use these tools to see how fast a website is loaded from different locations around the world:
    https://tools.pingdom.com/
    https://tools.keycdn.com/speed
    To get representative results it makes sense to run tests several times in a row and average the results.

    If you run the speed test for the theme demo (http://essentialist.mauer.co/), you can see that the load time is something between 1-2.5 seconds from most locations. As most of my buyers are from the States, I host my websites in California, and that’s from where the load speeds are the highest. So you can see that the website using this theme runs pretty fast. And that’s the proof that it’s not the theme that is slowing your website down. It’s you hosting.

    If you want to have the same setup as I do:

    1) Use Digital Ocean (https://www.digitalocean.com/) hosting and choose the data-center location closest to where most of your users are. The $5/month plan is just fine.
    2) Use CDN for images. May sound complicated but takes a few minutes to setup. And there are lots of tutorials. I use Amazon’s CloudFront. It costs almost nothing and works great. One small remark: the tutorials on setting up the Amazon CDN usually suggest using a caching plugin like ‘WP Super Cache’ or ‘W3 Total Cache’. I advise not to. Instead use the ‘CDN Enabler’ plugin (free of charge, works with any CDN provider). I use this one.

    A few remarks:
    – I advise not to use Jetpack’s Photon image CDN module.
    – I advise to stay away from ‘WP Super Cache’ or ‘W3 Total Cache’ and ‘CloudFlare’ (not to be confused with ‘CloudFront’). They will bring you much more headache than speed increase (especially compared to the effect of the 2 steps I laid out above). I use neither of them.
    – I advise not to use Digital Ocean’s NS servers. Instead make the A-records at your domain registrar (e.g. GoDaddy). In my experience DO’s NS servers were causing a little speed drag.

    2.
    To do that you can edit your theme’s header.php file. Replace this code:

    <div class="site-logo text-center<?php if (function_exists('get_field')) { if (get_field('logo_to_use', 'option') == 'image') { echo " image-logo-wrapper";} else { echo " text-logo-wrapper"; } } ?>">
    	<a href="<?php echo esc_url(home_url('/')); ?>" class="logo-link">
    		<?php mauer_display_header_logo(); ?>
    	</a>
    </div>
    <?php if ( !(function_exists('get_field') && get_field('hide_site_desc', 'option')) ): ?>
    	<div class="site-desc text-center"><?php echo get_bloginfo('description'); ?></div>
    <?php endif ?>

    with this (http://example.com should be replaced with the address you want to lead to, in 2 places):

    <div class="site-logo text-center<?php if (function_exists('get_field')) { if (get_field('logo_to_use', 'option') == 'image') { echo " image-logo-wrapper";} else { echo " text-logo-wrapper"; } } ?>">
    	<a href="http://example.com" target="_blank" class="logo-link">
    		<?php mauer_display_header_logo(); ?>
    	</a>
    </div>
    <?php if ( !(function_exists('get_field') && get_field('hide_site_desc', 'option')) ): ?>
    	<a href="http://example.com" target="_blank">
    		<div class="site-desc text-center"><?php echo get_bloginfo('description'); ?></div>
    	</a>
    <?php endif ?>

    In case you don’t want this link to be opened in a new tab, remove the target="_blank" declarations.


    A little disclaimer: It’s best to do code modifications in a child theme, so they do not get overwritten during theme updates. However, of course you can always re-introduce modifications after a theme update.

    Kind regards,
    Paul

    #1122

    apt2b
    Participant

    Hey Paul,

    thank you again for the great help. The link out worked and we’ll be working on the site speed issue 🙂

    Best,

    Apt2B

    #1123

    Paul
    Keymaster

    Apt2B, you’re very welcome.

    Thank you for using the Essentialist theme for your project.

    Best,
    Paul

    #1144

    apt2b
    Participant

    Hey Paul,

    quick question: Do you have some examples of other sites using your theme? That way we can clearly show the hosting service that they are at fault 🙂

    Thank you!

    #1151

    Paul
    Keymaster

    Actually, I have no way of tracking down the websites that are using this theme.
    However, I believe the example of the demo should be enough.

    #1160

    apt2b
    Participant

    Hey Paul,

    I know we’re overusing your support here, but I promise (I hope) this is the last question. Is there anyway to underline the Apt2B in the description “A home decor blog by Apt2B” here: http://www.blog.apt2b.com.
    Usually, I know this is fairly easy, but everything is linked and I got very confused.

    THANK YOU! 🙂

    #1166

    apt2b
    Participant

    Hey Paul,

    I just wanted to follow-up on my last question and also ask how I can make the click on the logo appear on the same page and not open another tab?
    Thank you so much for your help! It’s really, really appreciated. 5 STARS! 🙂

    #1170

    Paul
    Keymaster

    Hello Apt2B,

    As for underlining part of the description displayed under the logo,
    you can do it by going to your header.php file and replacing this line (should be around line 80):

    <div class="site-desc text-center"><?php echo get_bloginfo('description'); ?></div>

    with this:

    <div class="site-desc text-center"><span style="text-decoration: underline;">Underlined text</span> regular text</div>

    This will actually unlink the site description set in WP Admin Panel with what’s displayed under the logo.

    And as for opening the link in the same tab, please remove target="_blank" from the code.

    Paul

    #1176

    apt2b
    Participant

    Thank you, Paul! You’re an absolute legend and we appreciate your help so much!

    #1185

    Paul
    Keymaster

    Apt2B, I’m glad to be of help : )

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Template Speed & Linking Out’ is closed to new replies.