In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Health Care, Government, Education and Non-Profit Organization(s) with critical crisis communication websites or organizations directly providing relief. Stay Safe and Stay Well.

Put Your Website's Load Speed to The Test: The Website Speed Test!

Put Your Website's Load Speed to The Test: The Website Speed Test!

by Adrian Ababei on Jul 28 2017

Content is king, yet speed is everything! Or, better said: “content is king, but visual content is... Emperor”!

And since “visual content” means images (and videos), you run the risk to get your precious website bogged down by a too heavy load of (otherwise) visually-striking images.

Trying to impress, you to end up frustrating your visitors due to your site's slowness!

But there's good news: Cloudinary's Website Speed Test Image Analysis Tool! A “refined” tool to add to your web development essential toolbox!

A website performance tool that goes beyond the “you need to re-size your image” advice and empowers you with a whole report on how to:

  • encode
  • optimize
  • re-size images on your website

     

It measures, diagnosis and, moreover: provides you with a “treatment” for your site's poor load time, too!

And now, without any further ado, let's see this tool “in action”:

 

How Does the Website Speed Test Work Exactly?

But first, what would you say about simultaneously trying this Image Analysis tool itself? This way going through our short “tutorial” here will be much more interactive.

Just enter your site's link in the bar there, hit the “Analyze” button and... let the site performance report unfold before your eyes!

a. It Runs an Analysis of The Site's Overall Performance

Can you see the green, oversized letter grade on the top left corner of your screen? Excellent! 

This is just one of the 2 key metrics displayed to you in this section of your report:

 

  1. a letter grade: do keep in mind that the Website Speed Test tool grades your website by the number of detected issues, not by their gravity. So, the more problems/mistakes your inventory includes, the smaller the grade you'll get!

     
  2. an image weight comparison: it counts bytes (not problems) and counts the potential performance gains that your site could be exploiting instead

                               

Website Speed Test: the image weight comparison metrics

b. It Highlights Specific Issues

After you get your short report on your website's overall performance, the tool digs deeper, tracks down and highlights each web page's issues!

Every page-specific report will provide you with actionable information on:

 

  1. your images' current status: how they've been sized and encoded

     
  2. your images' “ideal” performance: actionable information related to their format, dimension, how you could have got them better compressed etc.

     

As you can see for yourself, the on-page analysis, too, displays both grades and a potential gains percentages.

Now, if you get “hungry” for even more actionable data, just dig deeper: hit the “See More” button! 

Website Speed Test: "See More" button

Then you'll get to “satisfy your need” for even more detailed information about every single web page's current and potential performance. A report “split” into 3 main panels:

Current:

  • it grades every element “responsible” of an image's performance: format, fit, compression (yet, it's just these 3 first elements that count in grading the image), color space, color width etc.

     
  • moreover, in the panel's bottom half you'll get a list of solutions for scoring better grades for each one of those analyzed elements; you're being told what you could have done better when you handled you site's optimization (and this is gold!)

     

Website Speed Test: the Optimized Image panel

 

Optimized Image:

  • it's here that you're presented with your image's ideal size and compression (and sometimes even with details on how the Website Speed Test encoded it along with a short description of the image's actual content)

     
  • just download it leverage it!

     

Website Speed Test: the "Optimized Image" panel

 

Format Alternatives:

  • provides you with several alternative options to the single one presented to you in the “Optimized Image” panel

     
  • you get to scan them through and choose the one that best fits your site's optimization needs 

     

Website Speed Test: the "Format Alternatives" panel

 

From Pointing Out the Problems to Listing their Solutions

Tackling the issues highlighted to you in the Website Speed Test report depends greatly on your (your team's) specific workflow. On the web development tools and technologies that you've already integrated into your workflow and that you're already familiar with.

For instance, has this image analysis diagnosed some compression issues? Then it's you to decide whether you get them fixed using a compression GUI or an ImageMagick instead!

The same goes for all the other issues' systematic fixing methods.

Just A Few Extra Details 

 

  • Website Speed Test is result of Cloudinary and WebPagetest joining forces

     
  • it's integrated into the WebPagetest's navigation bar: just look for the “Analyze Images” tab!

     
  • you should incorporate it into your own “arsenal” if, as a web developer in Toronto, you're testing your own websites and you want to get empowered to fix the signaled issues yourself

     
  • in short: Website Speed Test turns a plethora of site performance-boosting details into measurable and (moreover) actionable metrics: into “fuel” for your own site performance-enhancing plan!

     

Have you tried it yet? Do you think that it sets itself apart from other website performance analysis tools that you've used so far? Do share your (first) impressions with us!

Development

We do Web development

Go to our Web development page!

Visit page!

Recommended Stories

Drupal 9 Features: From “No New Features” to... 9 New Shiny Things You Can Expect to See in Drupal 9
What new Drupal 9 features can you expect to see on June 3rd, 2020? For, it's a bit confusing, isn't it?   on one hand, you have the “no new features“ statement on the other hand, you get answers like: “the easiest upgrade in a decade”, “newer PHP libraries”, “a brand new admin theme”, and so on   So, are there any new shiny things in Drupal 9 that you can look forward to? Or maybe get worried about... There is one shiny new feature and 8... improvements, from what I've seen. And I've grouped all together in a list. Here it is: 1. The New Shiny Thing: Easy Upgrade from Drupal 8 to Drupal 9 A smooth upgrade experience, this is the only new shiny thing that Drupal 9 ships with. In short, moving to Drupal 9 will be as easy as updating from one minor Drupal 8 version to another. Source: Drupal.org Word of caution: the upgrade path to Drupal 9 is “buttery smooth” if and only if you stick to a “healthy” routine of weeding out old and deprecated code from your current codebase. 2. Drupal 7 and 8 Will Continue to Get Supported Alongside Drupal 9 One of the biggest Drupal 9 vs Drupal 8 (and even Drupal 9 vs Drupal 7) difference is the overlap of security coverage: Till Drupal 9, whenever a new stable version got released, the previous one lost its support. Starting with the 9th version of the CMS, Drupal 7, and Drupal 8 will continue to get community support till November 2021. In other words, Drupal 8, cleaned-up of all deprecated API will continue to work on Drupal 9.  And Drupal 7 will get community support for... 1-1.5 years after Drupal 9 gets released.  One of the unexpected Drupal 9 features. For it disrupts the way that the Drupal community used to approach major versions once they were no longer “the latest” ones. 3. Claro Becomes the Default Administration Theme … once it gets stable. 4. New Drupal 9 Features: CKEditor 5 Gets Implemented ... in a future version of Drupal 9. Security support will drop for CKEditor 4 sometime around Drupal 9's end of life. Therefore, Drupal 9's roadmap includes adding CKEditor 5 to a future version (and eventually removing CKEditor 4 completely in Drupal 10).   5. The Workspace Module Goes from Experimental to Stable Source: Drupal.org How is this good news for you? Let's say that you need to prepare multiple versions of your Drupal site and, depending on certain factors, to push live only one of them. The Workspace module allows you do to precisely that: to replicate content between workspaces on the same Drupal site. And, luckily, the module will be generally available starting with Drupal 9... 6. What's New in Drupal 9? Twig 2 That's right, Drupal 9 comes with support for newer PHP libraries. Support for Twig 2 here included. 7. Drupal 9 Will Be Backward-Compatible with Drupal 8 from Day One What are the new Drupal 9 features? Minor upgrade versions of Drupal 8 will be backward-compatible with Drupal 9. This means that all your Drupal 8 components will work with Drupal 9. This ninth version of Drupal is built on top of Drupal 8, basically.  In other words: no need to panic that your (Drupal 8) website's key features will no longer be valid in Drupal 9. This is going to be the first time that 2 major versions of Drupal are fully compatible.   8. From Symfony 3 to Symfony 4.4 “What's new in Drupal 9?” Symfony 4.4. Since its third version will no longer be supported in November 2021, Symfony 4.4 gets integrated with Drupal 9. All while making sure that Drupal 9 is forward-compatible with Symfony 5, as well...   9. Olivero Becomes Drupal's New Default Theme New Drupal version, new front-end theme. Olivero will come to replace Bartik, the current default theme in Drupal.   Wrap-Up: 5 Drupal 9 Requirements Your Drupal Site Should Meet Now you know which are the predictable, the new and the... shiny new features in Drupal 9. What next? How do you ensure that your Drupal website's Drupal 9-ready? Here are 5 key steps to take for a buttery-smooth upgrade:   Make sure your environment is Drupal 9-compatible: PHP 7.3, MySQL 5.7.8, Drush 10   Update to the latest minor versions of Drupal 8 as soon as they get released: you'll be able to upgrade your website to Drupal 9 only from Drupal 8.8. and Drupal 8.9    Keep your modules up to date: do all your contributed modules run on their latest versions?   Weed out any deprecated API from the custom projects that your website's using   Update core to Drupal 9   Word of caution: if your website (still) runs on Drupal 7, upgrade to Drupal 8.  To sum up, the shortest path to a smooth upgrade to Drupal 9 is sticking to the best practices:   remove all deprecated code (go for an automated tool like drupal-check or Rector to identify deprecations on your website) update your Drupal core and contributed projects to their latest versions   Or, you can leave all the preparations to us. Just drop us a line and we'll evaluate your website's level of... readiness:   Is there any deprecated code still “lingering in there? Does it run on Drupal 7? Are there any outdated versions of PHP or MySQL that it is still using?   Then, we can come up with a plan to get it Drupal 9-ready. Image by Marsel Elia from Pixabay   ... Read more
Adriana Cacoveanu / May 20'2020
OPTASY Is Proud to be Named a Top Canadian E-commerce Development Partner by Clutch
Here at OPTASY, we know it can seem impossible for a new business to tackle their challenges while also implementing high-quality web development solutions. That’s why we’re here to help! We’re a Canadian Drupal and web development company that’s provided web solutions with outstanding results. Our team is dedicated, knowledgeable, and can help your company thrive!  Source: Clutch.com In recognition of our efforts, we’ve been named a top Canadian e-commerce development firm by Clutch, a development research resource.  We’d like to thank our superstar clients for helping us get this far! They engaged with Clutch analysts to assess our impact on their day to day operations. Our evaluation took into account the quality of our services and deliverables, attention to their project timelines, and the value of our work in relation to our pricing. We’re happy to announce that we’ve maintained a lovely 4.8 out of five stars in reflection of that data!  Take a look at one of our recent reviews below:  "We are thrilled to have been chosen as one of the leading web developers by Clutch!"  - Adrian Aabei, CEO of OPTASY, Inc. For those who might not know, Clutch is a verified market research firm that leverages a unique rating methodology to compare leaders across sectors. They showcase our development work on Visual Objects, Clutch’s sister site that centers on portfolio items. They feature us in their directory of top e-commerce developers.  We’re proud to receive this feedback and look forward to helping even more clients meet their potential! Contact OPTASY today if you’d like to learn more about how we can help you thrive!  Image by Megan Rexazin from Pixabay   ... Read more
Adriana Cacoveanu / Feb 06'2020
OPTASY: Ranked as Top Drupal Developers of February 2020
OPTASY strikes again! We've got listed among the top Drupal developers of 2020... FindBestDevelopment, the leading ranking platform for the web development industry, featured us in their “Best Drupal Development” category. Take it as a “hall of fame” showcasing 10 of the best Drupal development companies in the... world.   And we've just earned our spot there. What a great way to start the year!   But Who Is FindBestDevelopment? It's a market research and reputation platform that “detects” and rates the top software development companies in the world.    And they do that... monthly. Source: FindBestDevelopment.com Take it as a free, trusted and conveniently exhaustive resource at hand for when you look for top professionals in fields like AI, eCommerce, Drupal, web, mobile app or IoT. “And how do they evaluate and rank the IT service providers included in their tops? What criteria do they use?” A legitimate question to ask yourself.  FindBestDevelopment conducts an in-depth investigation of the targeted companies and:   analyses their business practices compares them to the industry standards   For instance, in the case of a team of Drupal developers, their editorial staff would evaluate:   the team's overall experience as a Drupal services provider its specific processes the reporting its portfolio and the impact of the projects included there   Source: FindBestDevelopment.com There are 8 different categories that FindBestDevelopment updates on a monthly basis:   Best Web Development Best Mobile Application Development Best Custom Software Development Best eCommerce Development Best WordPress Development Best Drupal Development Best IoT Development Best Artificial Intelligence Development From a Small Drupal Agency to... the Top 10 Drupal Developers Looking back, way back (2005), when OPTASY was just a small team of Drupal enthusiasts, and analyzing our trajectory, we do get a bit... dizzy. Little did we know (or hope to dare) that we would come 3rd place in the “Best Drupal Development Awards” on the world's most reputed ranking platform. Source: FindBestWebDevelopment.com It's overwhelming, it's rewarding and it's... a huge confidence-booster. Seeing the other 9 finalists — companies that we've been looking up to — and knowing that our past projects played a key role in this evaluation, we get both a confirmation and an incentive to live up to these higher standards.   Thank You! We have Drupal in our DNA: we've been living and breathing Drupal since... 2005. And yet... if it hadn't been for our clients':   innovative ideas that they wanted implemented in their projects:  unique functionalities turned into custom Drupal modules, high standards in terms of visual aesthetics turned into custom Drupal themes daring goals that they set for their projects courage to adopt new approaches and emerging technologies to deliver the best user experience to their customers   … we wouldn't have been here, among the world's top 10 Drupal developers. ... Read more
Adriana Cacoveanu / Feb 03'2020