REQUEST A FREE 30 MINUTE MARKETING AUDIT

Call us now on 0161 7110 110

22 Sep 2016

Why speed and security rank top of the HubSpot CMS list

Why-Speed-And-Security-Rank-Top-Of-HubSpots-CMS-list.jpg

It’s really difficult to get excited about the nuts and bolts of a website when you’re in marketing. A website in your content marketing strategy should be all singing and all dancing lead generation machine, a tour de force of user experience and delight, and you're not going to want to be wasting time worrying about what’s going on behind the scenes whilst you create all this.

Traditionally marketing platforms haven’t been particularly good at speed or security. The page code is bloated and they’re more focused on offering up every option under the sun rather than worrying about how fast the end result will be offered up.

If you’re using a standard CMS such as WordPress, a lot of load time comes from the various plugins you’ve got installed working their magic to output the resulting HTML code. This process time can make a site feel really sluggish. There are ways around this using caching plugins, but they’re not without their problems especially when it comes to editing the site, when you can get served up the previous version of the page which makes for a frustrating experience when you’re just trying to make what could be a simple text change.

Having code that’s quick to load is just half the battle. The component parts of the web page such as images are often the biggest thieves of bandwidth for you end user. It’s all so easy to drop in that massive, yet beautiful and totally justified, landscape image to really make the page pop!  Problem is when you’re sat there watching it load into the browser line by line on a mobile phone as if you were back on dial up.

The flexibility of Wordpress being open source is also its biggest Achilles heel. Being able to see under the hood of the system means it is vulnerable to exploits. The very fact it’s based on PHP and MySQL doesn’t help it much either, with PHP much maligned for its weaknesses in security. There has to be a better way right?

The HubSpot CMS system whilst being an incredibly good platform for producing and managing your online content, hasn’t forgotten what’s important when it comes to the basics of how a site should work. In doing so it takes away all the hassle you’d have with other systems when it comes to worrying about how secure and how fast your site is.

Everything gets compressed automatically by HubSpot. HTML, CSS, JavaScript all the elements that create code bloat get squished down on the fly, so you always get the live version, just faster than you would if they were left in their standard format. All of the images are served up via content delivery networks, so no matter how large or how many images there are, they’re being served up by dedicated servers designed to deliver that content as quickly as possible to the end user. They’re so sophisticated now they’re actually sending content to the user based on their browser, so users with smaller devices will automatically get a smaller image sent to them than a desktop user, which is the ultimate way to reduce loads speeds, and Google is now measuring the speed at which a site is served to a mobile as a page ranking factor so this is now more important than ever.

Security through obscurity is a good plan. WordPress is pretty tight these days, but you have to stay on top of those updates for the core and the plugins you're using as well.  The custom code is created using Java which is a tried and tested language that runs many devices including Android handsets. Very secure and very reliable to underpin your content optimisation system.

All these elements, as unsexy as they are, make choosing HubSpot CMS a real no brainer. If you’d like to know more get in touch with us today.

Request a free B2B inbound website consultation

This is an inline guide purely for the editor, it will not show in the final blog, designed to assist you with setting the options below in the 'Gate Trigger' section.

You will not be able to use the WYSIWYG editor for this it's code only so follow these instructions carefully.


Button
We cannot use a standard call to action to open the rest of the content, but we do want to track when someone clicks on the button to read the rest of the blog. Here's what the code should look like:
<a class="gate-trigger-button" href="#" id="Why speed and security rank top of the HubSpot CMS list - Read the rest of the post" title="Read the rest of the post">Read the rest of the post</a>


Survey
Instead of using a button, you can ask people a what their intent of being on the blog is. Here's an example.
<h3 style="text-align:center;">Ready to read the post?</h3>
<p style="text-align:center;">Great, just let us know why you're here today</p>
<ul id="survey">
<li><a href="#" id="Why speed and security rank top of the HubSpot CMS list">Answer One</a></li>
<li><a href="#" id="Why speed and security rank top of the HubSpot CMS list">Answer Two</a></li>
<li><a href="#" id="Why speed and security rank top of the HubSpot CMS list">Answer Three</a></li>
<li><a href="#" id="Why speed and security rank top of the HubSpot CMS list">Answer Four</a></li>
<li><a href="#" id="Why speed and security rank top of the HubSpot CMS list">Answer Five</a></li>
<li><a href="#" id="Why speed and security rank top of the HubSpot CMS list">Other</a></li>
</ul>

If you want to connect what the user selects in the survey with the call to action at the bottom, use the following:
<ul id="cta-list">
<li><a href="#">CTA One</a></li>
<li><a href="#">CTA Two</a></li>
<li><a href="#">CTA Three</a></li>
<li><a href="#">CTA Four</a></li>
<li><a href="#">CTA Five</a></li>
<li><a href="#">Default</a></li>
</ul>


Form
We need to add the same form for each blog, you can if you want to make your own form but you'll need to change the formId which will be in the URL for the form e.g. https://app.hubspot.com/forms/145288/ee2dd282-1afb-4040-b67a-6ea2fe6e32cc/edit:
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: 'ee2dd282-1afb-4040-b67a-6ea2fe6e32cc',
css: '',
onFormSubmit: function($form) {
gateTriggerForm('Why speed and security rank top of the HubSpot CMS list');
}
});
</script>


CTA Form
If people are clicking the CTA but then not filling in the form on the landing page they're being taken to, it may be worth loading the form on the same page to see if that helps the submission rate:
<div class="cta-form-image">
<a class="cta-form-image-button" href="#" id="CTA Click - Why speed and security rank top of the HubSpot CMS list"><img alt="Title of the CTA" src="https://cdn2.hubspot.net/hubfs/145288/hub_generated/resized/21421668-c868-457c-8f68-142438f1e246.png" title="Title of the CTA"></a>
</div>
<div class="cta-form-inputs">
<a href="#" class="cta-form-inputs-close"><i class="fa fa-times" aria-hidden="true"></i></a>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: '80edeb18-6298-4325-9d45-eb64c02b2d1c',
css: '',
onFormSubmit: function($form) {
gateTriggerCTAForm('Why speed and security rank top of the HubSpot CMS list');
}
});
</script>
</div>

This is the rest of the blog

When the page loads, or when it is being edited, this content will appear. When the page is loaded on the blog, the content will be hidden by the script until such times the trigger button is clicked or the trigger form is completed.

If you're not using this section then you should delete the text in here.

Blog Comments