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?

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%)

Speed optimization

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

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.

Drupal Taxonomy Menu module

Use the External Links module to handle external links

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."

Drupal External Links module

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

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.

The magical trio of Drupal content management

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.

Drupal 8 SEO Book: Now anyone can optimse a Drupal 8 website easily!

Since long time we are using the module SEO Checklist for the optimisation of Drupal websites. For non-experts its a great reference, for experts a nice helper module to check if all the required steps have been completed. With the launch of Drupal 8 Ben Finklea, the CEO of Volacci, created a revised version of the SEO checklist. This new release adapts to the new "module landscape" and brings the optimisation a step further. Many thanks to Ben for the great work!

 Drupal 8 SEO Book

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.

Shrink PNG files for your Drupal website: Easy, quick and professional

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!

https://tinypng.com/

TinyPNG: Shrink PNG files easy, quick and professional

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

Pages

Drupal themes to be compared