OPTASY: Drupal Web Development Agency Toronto
(416) 243-2431Drupal SupportRequest A QuoteQuote

Main navigation

  • Home
  • Services
    • Digital Strategy
    • Design
    • Web Development
      • Drupal
      • WordPress
      • Magento
      • Laravel
      • Shopify
      • Sharepoint
      • Contentful
      • Gatsby
      • Next.js
      • Node.js
      • React
      • AngularJS
    • Mobile & App
      • IOS
      • Android
      • Augmented Reality
      • Artificial Intelligence
      • Virtual Reality
    • Maintenance & Support
      • Drupal Maintenance
      • Wordpress Maintenance
    • Staff Augmentation
  • Portfolio
    • Web
    • Mobile
    • Ar
  • About
    • Who we are
    • Values
    • Events
    • Awards
    • News
    • Careers
    • Partners
      • Acquia
      • Google
      • Pantheon
      • Shopify
      • Wordpress
  • Blog
    • Drupal
    • Drupal 8
    • HTML
    • CSS
    • Javascript
    • PHP
    • Microsoft
    • Web Design
    • Design
    • Tips
    • News
  • Contact
(416) 243-2431 Drupal Support Request A QuoteQuote

In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Healthcare, 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!
News

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!

Share the article

Development

We do Web development

Go to our Web development page!

Visit page!

Do you want a website

or app developed?

 

Get a Free Quote

and let's make it work!

Get a Quote

Recommended Stories

DrupalNews
Why You Should Choose Drupal 10 in 2023

Why You Should Choose Drupal 10 in 2023

  As technology continues to evolve, it is important for businesses to stay ahead of the curve and choose the right platform for their website. Drupal 10 was released in December 2022, and it promises to be a powerful and reliable content management system (CMS). With its advanced features, scalability, security, and flexibility, Drupal 10 is an ideal choice for businesses looking to build a modern website. In this article, we will discuss why you should choose Drupal 10 for your next web development project. Advanced Features of Drupal 10 Drupal 10 comes with a range of advanced features that make it an ideal choice for businesses looking to build a modern website. These features include: Automatic Updates: Drupal 10 offers automatic updates, so you can keep your website up-to-date without having to manually update the software. This ensures that your website is always running the latest version of Drupal and is secure from any potential security threats. Responsive Design: Drupal 10 comes with a responsive design that ensures your website looks great on any device, from desktop computers to mobile phones. This makes it easier for users to access your website from any device and helps to improve user experience. Accessibility: Drupal 10 is designed with accessibility in mind, making it easier for people with disabilities to access your website. This helps to ensure that your website is accessible to everyone, regardless of their abilities. Multilingual Support: Drupal 10 supports multiple languages, so you can easily create a multilingual website that caters to a global audience. This makes it easier for businesses to reach out to a wider range of customers and expand their customer base. SEO Optimization: Drupal 10 comes with built-in SEO optimization tools that help to improve your website’s visibility in search engine results. This makes it easier for customers to find your website and helps to increase traffic and conversions.   Scalability and Flexibility  Drupal 10 is highly scalable and flexible, making it easy to customize your website to meet your specific needs. You can easily add new features and functionality to your website without having to start from scratch. This makes it easier for businesses to keep up with changing customer demands and stay ahead of the competition. Additionally, Drupal 10 is built on a modular architecture that allows you to easily add and remove modules as needed. This makes it easy to customize your website and keep it up-to-date with the latest features.   Security Benefits Drupal 10 is built with security in mind, making it one of the most secure content management systems available. It comes with a range of security features that help to protect your website from potential threats, such as SQL injection attacks and cross-site scripting. Additionally, Drupal 10 is regularly updated with the latest security patches to ensure that your website is always secure.   Cost-Effectiveness Cost-effectiveness is another major benefit of choosing Drupal 10 for your next web development project. Drupal 10 is an open source platform, meaning that it is free to use and customize. This makes it a cost-effective solution for businesses looking to build a website without breaking the bank. Additionally, Drupal 10 comes with a range of features and functionality that can help you save time and money when building your website.   Why Choose Drupal 10 in 2023? Selecting Drupal 10 in 2023 is a great choice for businesses looking to build a website that is secure, reliable, and cost-effective. Drupal 10 offers automatic updates, responsive design, multilingual support, SEO optimization, scalability and flexibility, and security benefits.  Migrate to Drupal 10 If you’re currently using an older version of Drupal, you can easily migrate to Drupal 10. The migration process is straightforward and can be completed quickly with the help of a professional web development team like Optasy. This will ensure that your website is up-to-date and secure, so you can continue to provide customers with the best possible experience. Contact us for more information about your migration process. Learn more about Drupal 10 by reading this blog post.   Photo credit: Unsplash.... Read more
Raluca Olariu / Jan 05'2023
DrupalNewsTips
Drupal 10 Is Here -Discover the Benefits and Features

Drupal 10 Is Here -Discover the Benefits and Features

  Drupal 10, the latest version of the most popular content management system Drupal is here. The new release comes with a lot of improvements and features that will make your life easier as a developer or site owner. "Drupal 10 includes many new features that appeal to developers and content creators alike. A stronger developer and site builder experience combined with easier content authoring and editing make this a key update for all users," says Dries Buytaert, Founder and Project Lead of Drupal. "The path from Drupal 9 to 10 is easier than ever, so we anticipate organizations will want to move to the latest version quickly to gain its benefits." In this article, we’ll take a look at some of the main benefits and features of Drupal 10.   Enhanced content editing experience CK Editor 5 is the new rich-content editor for the new version of Drupal. It has lots of new features that will make creating content more accessible than ever before. Drupal's popular web-building platform, Layout Builder, has been updated with some major changes. These changes include an improved user interface, which includes a new layout editor. Managing large blocks of content in the sidebar can be difficult and confusing; that's why improving this user interface has been on the list of upgrades, and it makes managing layouts so much easier.  There are also some enhancements to the Paste From Document feature. The new version of CKEditor boasts the ability to remove the extra markup that results from pasting from Microsoft Word or Google Docs, and it also automatically uploads images when pasting images copied from the clipboard instead of just inserting them into the page as tags.   Removed modules & improved content management experience Built on the latest Symfony 6.2 version, Drupal 10 has removed redundant core modules, focusing on its foundational strengths. Regarding upgrading processes and tools, they are the same as the previous major release. Drupal 10 has the majority of its code changes automated and three times as many contributed extensions as the previous version.   New themes with better functionality Claro theme is replacing the outdated Seven theme, which has been discouraged by giving the impression of an out-of-date site. Drupal 10 has been built according to the latest standards and has been adapted to use the most recent features of this CMS. The Olivero theme is Drupal 10's new front-end theme, and it was designed to harvest the new system's full capabilities.   Upgrading to Drupal 10 If you're currently using Drupal 7, you need to perform a full site migration to Drupal 9 or 10. It might sound overwhelming, but if you opt for a team of experts like Optasy to help you, you'll be in good hands.  If your current version of Drupal is 8, then there’s no direct upgrade path to Drupal 10. You need to upgrade to Drupal 9 first. Drupal 9 users need to take the following steps: Perform an environment readiness check through the Upgrade Status Module. Update any modules that need upgrading and use Drupal Rector to fix incompatibilities. Issues that can't be fixed automatically can be addressed manually using documentation. Update Drupal Core to Drupal 10.   Drupal 10 promises to deliver a faster, more secure, and more flexible website development experience. If you want to learn more about this new version or need advice regarding your migration, don't hesitate to contact Optasy.    Photo credit: Unsplash.... Read more
Raluca Olariu / Dec 16'2022
DrupalNewsTips
How The Project Update Bot Has Been Refreshed for Drupal 10

How The Project Update Bot Has Been Refreshed for Drupal 10

  Drupal 10 will be released on December 14th, 2022. The upgrade process from Drupal 9 to Drupal10 will be even easier than Drupal 8 to 9 was. Making projects that are already compatible with Drupal 9 compatible with Drupal10 requires removing deprecated API uses, which means that you'll have to remove them from your code. There are usually only a few deprecated API uses per module, but when we consider upgrading over 8,200 Drupal 9 modules on drupal.org hundreds or thousands of hours from our community could be spent on this task. The good news is that Drupal Rector is a tool developed by Palatir.net and Pronghorn Labs. that can be used by developers who want to make their modules compatible with Drupal 10. It can also be used to automatically fix deprecated API uses in existing projects. Using Drupal Rector is easy, but running it on all Drupal 9 projects could have taken hundreds of developer days to complete. Drupal Rector is an automated tool that generates patches for contributed modules. These patches will be made available to the community through the Drupal Association which has partnered with Acquia and Palantir. This means that developers will not need to write any code to upgrade their modules to Drupal 10. Instead, they will simply apply the patch. However, for some modules, it may still be necessary to manually replace deprecated API uses. This bot is not affiliated with any individual or company. It is a tool that will automatically post updates to issues created by the Project Update Bot. These updates will be posted to issues that were created during the Drupal 8 to 9 migration. Maintainers are encouraged to review the patches and provide feedback if they feel the patches are useful. If the project maintainers decide to use these patches, then they can help speed up the update process for modules for Drupal 10 dramatically. Related: Drupal 10 New Features and How to Prepare Your Migration.   Maintainer Options There are several ways to deal with these issues when maintaining a project: Leave the issues open and apply the provided patches to remove some or all of the deprecated APIs. The Project Update Bot checks weekly if Drupal Rector can remove new deprecated APIs and posts a new patch if possible, so you don't need to worry about it. If you would like to use this issue as a starting point please remove the "ProjectUpdateBotD10" tag from the issue. The bot will not post any updates if this tag is present. You can add the tag back and the update bot will start posting updates again. If you see an issue that is closed, please don’t reopen it. Closing an issue stops the bot from posting new issues. You can also flag the issue if you think it should be reopened.   For more information and support regarding your Drupal migration, please contact us and get in touch with our team of Drupal experts.      Photo credit: Unsplash. ... Read more
Raluca Olariu / Jul 15'2022

Browse cities

×

Toronto

WordPress Development Services in Toronto
iOS App Development Services in Toronto
Drupal Development Services in Toronto
Magento Development Services in Toronto
Laravel Development Services in Toronto

Montreal

WordPress Development Services in Montreal
iOS App Development Services in Montreal
Laravel Development Services in Montreal
Drupal Development Services in Montreal
Magento Development Services in Montreal

Vancouver

Magento Development Services in Vancouver
iOS App Development Services in Vancouver
Drupal Development Services in Vancouver
WordPress Development Services in Vancouver
Laravel Development Services in Vancouver

New York

WordPress Development Services in New York
Laravel Development Services in New York
iOS App Development Services in New York
Drupal Development Services in New York
Magento Development Services in New York

Need a new Project?

Dare us to shape and boost your idea(s)!

Start a Project

(416) 243-2431

Contact

(416) 243-2431

contact@optasy.com

Toronto Downtown

First Canadian Place,
100 King St. W. Suite 5700, Toronto

Toronto West

2275 Upper Middle
Rd. E, Suite 101
Toronto

New York

1177 Avenue of the
Americas, 5th Floor,
New York

Newsletter

Get the latest OPTASY news, tips and how-to’s on the go, right in your inbox!
OPTASY
clutch
Pantheon Premier Partner
  • Drupal 8
  • Services
  • Contact Us
  • Partners

  • Drupal
  • Google
  • Magento
  • Shopify
  • Wordpress
Facebook
Twitter
LinkedIn
Drupal
  • Cities
  • Support

© 2023 All Rights Reserved. Built with Drupal