Tips and Tricks: Optimisation

How to make the embed Youtube player responsive using Drupal

Many Drupal modules such as Media: YouTube or Video Embed Field offer a very easy way to integrate the embed Youtube player as field. In a time where responsive design has become a must, it is quite surprising that they all don't offer any responsiveness. Furthermore most of the free and paid themes who integrate Youtube/Vimeo apparently also don't consider this aspect.

Drupal Performance Optimization: How to speed-up your Drupal website?

Speed optimization

Drupal performance optimization is apparently a very complex and tricky thing. To address 100% of the potential in-depth knowledge about many things is needed. On the other hand our experience has shown, that you can very easily address around 80% of the optimization potential by 3-4 very simple measures:

1. Activate standard features caching, compression and aggregation (10-25%)
2. Optimize images (5-40%)
3. Install and configure the ADVAGG module (-10%)
4. If you have slow server response times: Change the hosting company (5-25%)

Use the module Taxonomy Menu to easily create menus from your taxonomies

Drupal Taxonomy Menu module

Frequently it might happen that you want to create a menu from your taxonomies. Of course you can do so manually by putting the taxonomy into a menu. But this is quite a lot of extra work and furthermore requires you to update the menu each time the taxonomy changes.

Use the External Links module to handle external links

Drupal External Links module

If you want to handle external links differently than internal links (Example: Open all external links in new window) without additional coding, I recommend you to install the External Links module :"External Links is a small module used to differentiate between internal and external links. Using jQuery, it will find all external links on a page and add an external icon indicating it will take you offsite or a mail icon for mailto: links."

The magical trio of Drupal content management: Bundle copy, node clone and node convert

The magical trio of Drupal content management

Creating content types and content can use-up lots of your time and energy. Our experience has shown that there are three key modules, which allow you to speed up this process drastically. These modules are particularly valuable for the creation of mock-ups with demo content.

Use the module SEO checklist to ensure basic Search Engine Optimization (SEO)

If you are not an expert of Search Engine Optimization (SEO) it might frequently happen that you are not aware of important functions that are required to ensure basic SEO. And basic SEO is absolutely key, if you want to grow the visitors of your website with the help of search engines such as Google.

Allow users to smoothly scroll up the page

If your website offers long pages or lists it is highly recommended to offer the visitors an easy, smooth and quick way to scroll-up to the top of the page. One solution to adress this issue is the implementation of a scroll to top button or link, which is typically displayed in the right or left bottom corner of the website.

Use Screenfly to test the responsiveness of your Drupal website

Screenfly is a must-use emulation tool because of its wide coverage of platforms. You can customize it the way you would like to test your website under various categories.

Alternatives that are free, easy to use and quick (i.e. no sign-up needed):

Rapidly test your website for cross browser compatibility across 300+ browsers.
http://www.browserstack.com/screenshots

Use Google Analytics to increase traffic

Use Google Analytics to increase traffic

Google Analytics gives you fresh insights into how visitors use your site, how they arrived on your site, and how you can keep them coming back. Understanding your visitor will help you to optimise your site and to increase the number of visitors. For an easy implementation you can use the Drupal module Google Analytics. The Tutorial below offers you step-by-step instructions to do so.

Use Browser Shots to test the browser compatibility of your Drupal website

Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to our central dedicated server for your review.

Pages

Drupal themes to be compared