Layout & Design Tool Optimization Checklist

Laura Barros
Fri, 31 Jul 2020 10:19:34 +0000
Ux, Cms, Layout & design tool, Page speed, Wordpress alternative, Ux design, Best cms, Best cms 2020, Site design

One of the best parts of RebelMouse's Layout & Design Tool is that it isn't just for developers. Anyone on your team can learn how to use the tool and manage it completely on their own. The flexibility of our platform allows you to use it as much or as little as you feel comfortable. If you're managing at least some of the workflow in your site's Layout & Design Tool, here's a quick checklist to make sure you're getting the most out of all of its features. This checklist was put together by our Senior Solutions Architect Lika Nikanorova.

Get Rid of Used B Tests: After a B test is either taken live or rejected, delete it from Layout & Design Tool. This will streamline your database and free up server space.

Place JavaScript on the Bottom: Place your JavaScript at the bottom of your page or element. This will make it easier to find and will help improve your page speed.Clean up Your CSS: If you have one page or element in Layout & Design Tool that has multiple style tags in various places, combine them all at the top of the page. It can be tricky to find CSS to fix when it's scattered. That said, CSS set to lazy load can stay in place.

Small CSS can be appended to a Custom HTML or Header Code element.

Larger blocks of CSS should be placed in a new Style element. This will help minimize the code and add to the main style tag.

Large blocks of CSS that aren't needed upon load, such as footers, should be lazy loaded along with the Style element.

Name Your Elements: Give your CSS, JavaScript, HTML, and Style elements logical names. This will make them easier to find.

Name Your B Tests, Too: Name your B tests so that it's easy to remember what you're trying to test or fix. For example, a B test could be called "Page Speed" if you're testing new layouts to optimize for site performance.

Format Your Code: If you select all of the code in an element and click Shift + Tab, it will format the code and make it much easier to read. This works in all text areas within Layout & Design Tool, Custom HTML, JavaScript, and Header Code.

If you have any questions about this checklist, email support@rebelmouse.com or talk with your account manager today. Click here to read a complete guide of all of the elements available in our Layout & Design Tool.