Category Archives: Web best Practices

Whether they are automated on DareBoost.com or not , find in details the best practices of web performance and quality. This area is also yours, don’t hesitate to suggest us a post of your own, or a topic you would like us to write about.

On the way to HTTP/2: what to expect for front-end development?

We have announced it a couple months ago: our web performance testing tool now fully supports HTTP/2 and our best practices repository has been updated to handle the particularities of this new protocol. Now, let’s go back to the reasons of HTTP/2 emergence and talk about the major changes this protocol brings, and these old HTTP/1 best practices that we will have to give up! Continue reading On the way to HTTP/2: what to expect for front-end development?

Why you should avoid using document.write, specifically for scripts injection

Web performance testing tools such as Google Page Speed or Dareboost have been advising this for a while: injecting a script with document.write has a significant impact on website loading time. Let’s talk about this topic one more time, as the next Chrome update (version 54) won’t allow such scripts injections any longer. What kind of issues may you experience? What are the alternatives?

Continue reading Why you should avoid using document.write, specifically for scripts injection

HTTPs is a requirement for your website

About a year ago, I have published an article about HTTPs usage growth: Chrome, Firefox and Google Search: HTTPS forcing its way. In this article I detailed some major announcements, that would probably result in pushing HTTPs forward.  

Ever since, requests using HTTPs reach 25% according to HttpArchive data (compared to 15% in April 2015).

In this post, we’re going to focus on today’s results of the previous announcements, on the last changes, and especially on why you should consider HTTPs as a requirement for your website (not only for security or SEO considerations!)

Continue reading HTTPs is a requirement for your website

Content Performance Policy: an alternative to Google AMP?

It’s not usual on this blog, but today I’m going to write about a proposal that might become real, but that is still at its very early stage.

It is now more than a year since we added a recommendation about Content Security Policy with our website analysis on dareboost.com. It’s a great feature to add more security to your website, particularly to prevent your visitors from the effects of an XSS attack.   

The idea behind CSP is to allow website owners to offer a security policy that will next be applied by the web browser. For instance, it allows to whitelist explicitly some JavaScript files, or to ensure the use of HTTPs to request each resource within the page.  

Tim Kaldec and Yoav Weiss borrowed the CSP general concept to apply it to web performance topic, proposing a new HTTP header (Content Performance Policy), allowing to declare precisely the compliance level of a given page with some web performance best practices. Then, the user agent would be responsible to ensure the effectiveness of the announced best practices.   Continue reading Content Performance Policy: an alternative to Google AMP?

Securing an iframe thanks to the sandbox attribute

Over time, we have gotten used to integrate more and more content on our web pages. Sometimes these content come from third parties (social networks widgets, advertising, etc). It implies two consequences: the webpages size continues to rise, and we display to the users some content that we can’t fully control.

Some of these external content are integrated via the <iframe> tag, and you should pay special attention to these elements for your website’s security. To limit the risks, the W3C added the sandbox attribute in the HTML5 specifications, allowing to restrict the actions available from an iframe (supported by major recent browsers).

sandbox attribute protects from malicious iframes

Continue reading Securing an iframe thanks to the sandbox attribute

Measure a web page speed with Performance Timings

A few weeks ago, we learned that the support of the Navigation Timing API by Safari was back. This API, available in JavaScript and now on the main web browsers, implements a W3C recommendation. It gives you access to metrics that are essential to understand the many important milestones in your page loading, including performance times.

Continue reading Measure a web page speed with Performance Timings

Chrome, Firefox and Google Search: HTTPS forcing its way

As a reminder, the HTTPS (HTTP Secure) is, as its name indicates, the secure version of the HTTP protocol. The HTTPS aims at assuring confidentiality and security of exchanges: the communication being encoded, the protocol protects from eavesdropping, but also from data alteration.
For several years, its use has been more and more present (April 2015, 7 times more requests than in 2011 are made by HTTPS). Though by the end of the year, we should observe a massive intensification of this trend.

Continue reading Chrome, Firefox and Google Search: HTTPS forcing its way

CSS minification

One web optimization that you can easily set-up, lies in your CSS files. Indeed, in most of the cases it is possible to reduce the weight of your website by minifying your “Cascading Style Sheets”.

This article aims at presenting you the principles of minification, and gives an overview of some popular tools to set this technique up on your website.

Continue reading CSS minification

Useful tips to start with WordPress

Nowadays, one of the first steps when you create a website is to adopt a CMS. It allows to save time, so you can deploy a website quickly. According to wappalyzer, more than 60% of the websites using a CMS are powered by WordPress (source: https://www.wappalyzer.com/categories/cms). We ourselves have decided to use WordPress for its simplicity (exceptionally, web performance was not our major criterion!)

Continue reading Useful tips to start with WordPress

How to improve jQuery performance

You have probably ever heard of best practices to improve your website’s quality and performance (configure a cache policy, enable gzip compression…).
However, web performance doesn’t stop to follow general best practices: each technology has its own specific recommendations. Some mistakes are quite trivial, but some others can be painful for your website. The addition of several minor errors can really slow down your final product. That’s why you should always think about performance upstream and during the development step.

Continue reading How to improve jQuery performance

Optimize your website: what should you challenge?

In this blog, the  “Best Practices” category will contain discussions about tips and rules for a faster and better website. But first, what does website optimization mean? That’s a very huge topic. Here are some key figures on the websites performance optimization:

A load time increased of 400 milliseconds resulted in a loss of 9% of Yahoo’s traffic.

source: http://fr.slideshare.net/stoyan/yslow-20-presentation

Continue reading Optimize your website: what should you challenge?