Mobile Excellence / MGH 200th
May 17, 2021, 8:08 PM

MGH 200th

By Design Shopp (Canada)
  • 0
    Friendliness
  • 0
    Performance
  • 0
    Usability
  • 0
    PWA
  • 0
    Total
Find out more about the Evaluation

Mobile Friendliness 67/100

Content is not blocked for zoom/scale

The `[user-scalable="no"]` parameter is not present in the `<meta name="viewport">` element and the `[maximum-scale]` parameter is not less than 2.Source: Lighthouse - Learn more

Content is sized correctly for the viewport

If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens. Source: Lighthouse - Learn more

Uses legible font sizes

Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read. Strive to have >60% of page text ≥12px. Source: Lighthouse - Learn more

Color Contrast is satisfactory

Low-contrast text is difficult or impossible for many users to read. Background and foreground colors should have enough contrast ratio to guarantee readability. Source: Lighthouse - Learn more

Failing Elements

ImpactSnippetTargetFailure Summary
serious<span>1818-1914</span>.col-lg-3.col-md-6:nth-child(1) > .chapter-box > .chapeter-top-info > spanFix any of the following: Element has insufficient color contrast of 3.69 (foreground color: #ffffff, background color: #d36449, font size: 13.5pt, font weight: normal). Expected contrast ratio of 4.5:1
...

Performance 71/100

Speed Index

  • Speed Index
    4205.21
    target < 4500 ms

Speed Index is a page load performance metric that shows you how quickly the contents of a page are visibly populated. The lower the score, the better. Source: Lighthouse - Learn more

Document complete

  • Time
    14.5
    seconds
  • Resources
    38
    requests
  • Bytes in
    1.9
    MB

These metrics are collected from the initial request until the browser considers the page loaded (JavaScript onLoad event). This usually happens after all of the image content has loaded but may not include content that is triggered by javascript execution.

Fully load

  • Time
    15.5
    seconds
  • Resources
    40
    requests
  • Bytes in
    1.9
    MB

These metrics are collected from the initial request until 2 seconds of no network activity after Document Complete (JavaScript onLoad event). This will usually include any activity that is triggered by javascript after the main page loads.

Assets by Domain

Requests

  • mgh200.com

  • use.typekit.net

  • www.googletagmanager.com

  • browser-update.org

  • www.google-analytics.com

  • cdn.inspectlet.com

  • hn.inspectlet.com

  • p.typekit.net

Bytes downloaded

  • mgh200.com

  • use.typekit.net

  • www.googletagmanager.com

  • cdn.inspectlet.com

  • browser-update.org

  • hn.inspectlet.com

  • p.typekit.net

Assets by Mime-Type

Requests

  • html

  • js

  • css

  • image

  • font

  • other

Bytes downloaded

  • html

  • js

  • css

  • image

  • font

  • other

Speed

Load time14505 ms

Also known as the document complete time, it’s the time from the initial request until the browser load event. It can vary based on server location, device, browser, and third-party apps. Source: WebPagetest - Learn more

Page load is fast enough on 3G

A fast page load over a 3G network ensures a good mobile user experience. Source: Lighthouse - Learn more

First byte1631 ms

The time from the initial request to the first byte of the response. Source: WebPagetest - Learn more

First Contentful Paint2807.123 ms

First contentful paint marks the time at which the first text/image is painted. Source: Lighthouse - Learn more

First meaningful paint3546.139 ms

First meaningful paint measures when the primary content of a page is visible. It's essentially the paint after which the biggest above-the-fold layout change has happened, and web fonts have loaded. Source: Lighthouse - Learn more

Estimated Input Latency12 ms (target < 50 ms)

The score above is an estimate of how long your app takes to respond to user input, in milliseconds. There is a 90% probability that a user encounters this amount of latency, or less. 10% of the time a user can expect additional latency. If your score is higher than Lighthouse's target score (< 50ms), users may perceive your app as laggy. Source: Lighthouse - Learn more

Uses persistent connections (keep alive)Score: 100%

Closing connections are a missed opportunity for performance enhancement: additional round-trips between the user and the server to initiate a connection is redundant and time-consuming. Keep-Alive measures the effectiveness of connection reuse. The purpose of this grade is to evaluate the extent to which requests are inefficiently reopening connections. Source: WebPagetest - Learn more

First CPU Idle3546.14 ms

First CPU Idle marks the first time at which the page's main thread is quiet enough to handle input. Source: Lighthouse - Learn more

Time to Interactive3546.14 ms

Interactive marks the time at which the page is fully interactive. Source: Lighthouse - Learn more

Page weight

Uses compression (gzip, zopfli, deflate, brotli)Score: 100%

This rule triggers when detecting that compressible resources were served without gzip compression. Source: WebPagetest - Learn more

Uses a CDN for all static assetsScore: 95%

Each request for a piece of content to the web server has to travel from the user's browser all the way to the server and back. A content delivery network (CDN) is a system for distributing resources to servers geographically closer to users. The main benefit of this is that the round-trip time is faster. The passing grade for using a CDN effectively is to have at least 80% of static resources served from a CDN. Source: WebPagetest - Learn more

Leverage browser caching

Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network. Source: PageSpeed Insights - Learn more

3 resources found

URL
https://cdn.inspectlet.com/inspectlet.js?wid=390958211&r=450349 ( 4 hours )
https://browser-update.org/update.min.js ( 1 day )
https://p.typekit.net/p.css?s=1&k=chj6lmw&ht=tk&f=10954.13456.18494.18495.18496.18497.18498.18499.45714&a=1501498&app=typekit&e=css ( 1 week )
...

Minify CSS

Minification refers to the process of removing unnecessary or redundant data in order to reduce file size without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on. Source: PageSpeed Insights - Learn more

Minify JavaScript

Minification refers to the process of removing unnecessary or redundant data in order to reduce file size without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on. Source: PageSpeed Insights - Learn more

Avoids an excessive DOM size205 nodes

Number of elements in the document. Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth < 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer style calculations, and produce costly layout reflows. Source: Lighthouse - Learn more
  • Total DOM Nodes
    205
    target < 1,500 nodes
  • DOM Depth
    14
    target < 32
  • Maximum Children
    51
    target < 60 nodes

Compressed ImagesPotential savings of 676 KB

The image compression check just looks at photo images and makes sure the quality isn't set too high. Images can usually be compressed pretty substantially without any noticeable reduction in visual quality. Source: Lighthouse - Learn more

ThumbnailsURLOriginalPotential Savings
https://mgh200.com/wp-content/uploads/2021/03/img-home-mgh-today-final.jpg396 KB301 KB (76%)
https://mgh200.com/wp-content/uploads/2021/03/img-home-turbulent-years-final.jpg281 KB211 KB (74%)
https://mgh200.com/wp-content/uploads/2021/03/img-home-postwar-period-final.jpg156 KB97 KB (62%)
https://mgh200.com/wp-content/themes/dstheme/assets/images/gradient-bg-news-contact.jpg80 KB55 KB (68%)
https://mgh200.com/wp-content/uploads/2021/03/C-10-6th-floor-Peacock-Alley-LH.jpg88 KB10 KB (12%)
...

Uses Progressive JPEGsScore: 0 %

A progressive JPEG is image created using the JPEG suite of compression algorithms that will 'fade in' in successive waves of lines until the entire image has completely arrived. They show the entire image right away, looking slightly pixelated until the image data is fully loaded. Source: WebPagetest - Learn more

Properly Sized ImagesPotential savings of 22 KB

Serve images that are appropriately-sized to save cellular data and improve load time. Source: Lighthouse - Learn more

Offscreen images

Consider lazy-loading offscreen images to improve page load speed and time to interactive. Source: Lighthouse - Learn more

First impression

Eliminates render-blocking JavaScript and CSS in above-the-fold content

This rule triggers when detecting that your HTML references a blocking external resource / file in the above-the-fold portion of your page. Source: PageSpeed Insights - Learn more about JS - Learn more about CSS

Potential savings of 2,060 ms

URL
https://use.typekit.net/chj6lmw.css<\/span>
https://mgh200.com/wp-includes/css/dist/block-library/style.min.css?ver=5.7.1<\/span>
https://mgh200.com/wp-content/themes/dstheme/assets/styles.min.css?ver=1621258423<\/span>
https://mgh200.com/wp-includes/js/jquery/jquery.min.js?ver=3.5.1<\/span>
https://mgh200.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2<\/span>
...

Improves server response time

This rule triggers when detecting that your server response time is above 200 ms. Server response time measures how long it takes to load the necessary HTML to begin rendering the page from your server, subtracting out the network latency between Google and your server. Source: PageSpeed Insights - Learn more

Avoids landing page redirects

Redirects trigger an additional HTTP request-response cycle and delay page rendering. In the best case, each redirect will add a single round trip (HTTP request-response), and in the worst it may result in multiple additional roundtrips to perform the DNS lookup, TCP handshake, and TLS negotiation in addition to the additional HTTP request-response cycle. As a result, you should minimize use of redirects to improve site performance. Source: PageSpeed Insights - Learn more

Usability 56/100 Industry: Storytelling / Game

Brand logo linked to homepage

Fails if doesn't have a logo or clicking it doesn't lead you to homepage.

No ending trailing paths

Fails if doesn't provide at least one of the following: main navigation options on footers, fixed or 'smart' headers/burger-icon, Back to top or close buttons.

Active section is highlighted in navigation menus

Fails if current section or page is not visually highlighted in navigation menus, except for internal section pages where it's accepted not to highlight the parent section.

Contents are loaded on demand

Fails if the website doesn't provide at least one of the following loading techniques: lazy-loading, next/prev buttons, pages/chapters bullets nav.

Sound controlNot applicable

Fails if no audio on/off button, no warning about the website using sound -- eg in the preloader or splash page.

Website can be shared

Fails if doesn't provide sharing options. Doesn’t provide any of the following article meta information: title, description and image.

Prevent layout shiftings when loading media. Set width and height attributes on both <img> and <video> tags

Fails if transitioning from placeholders to final images change the rendered size of the element as media loads. Not using a solid color placeholder occupying the same dimensions as the target image, or techniques such as LQIP or SQIP that hint at the content of a media item before it loads. These changes can be disorienting for users and trigger expensive DOM layout operations that consume system resources and contribute to jank.

The most appropriate keyboard for the input type is provided first

Fails if most helpful keyboard not provided, i.e. input types text, tel, email, password, capitalization when appropiate, etc.

The website supports autofill for all form fields and the fields are tagged for the appropriate information from autofill

Fails if fields are not tagged for efficient browser-based autofill, making users enter data that is already known either by the website or the OS. Not filling a standard field or filling fields with the wrong content, i.e. puts house number and street name into the same field when there are separate fields for each.

All mistakes made in forms are clearly highlighted in real time, and instructions for correct completion are provided in real time

Fails if mistakes and guidance for correct completion are not highlighted in real time and/or error messages are ambiguous or unfriendly.

PWA / Best Practices 82/100

Avoids Application Cache

Application Cache is deprecated. Source: Lighthouse - Learn more

Avoids WebSQL DB

Web SQL is deprecated. Consider using IndexedDB instead. Source: Lighthouse - Learn more

Avoids requesting the geolocation permission on page load

Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. Source: Lighthouse - Learn more

robots.txt is valid

If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Source: Lighthouse

Avoids requesting the notification permission on page load

Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. Source: Lighthouse - Learn more

Avoids deprecated APIs

Deprecated APIs will eventually be removed from the browser. Source: Lighthouse - Learn more

Allows to paste into password input fields

The main reason why password pasting improves security is because it helps to reduce password overload. Source: Lighthouse - Learn more

Registers a Service Worker

The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. Source: Lighthouse - Learn more

Responds with a 200 when offline

If you're building a Progressive Web App, consider using a service worker so that your app can work offline. Source: Lighthouse - Learn more

Uses HTTPS

All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. Source: Lighthouse - Learn more

Redirects HTTP traffic to HTTPS

If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. Source: Lighthouse - Learn more

Uses HTTP/2 for its own resources

HTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. Source: Lighthouse - Learn more

Uses passive listeners to improve scrolling performance

Mark your touch and wheel event listeners as `passive` to improve your page's scroll performance. Source: Lighthouse - Learn more

Avoid using document.write()

For users on slow connections, external scripts dynamically injected via document.write() can delay page load by tens of seconds. Source: Lighthouse - Learn more

Manifest's short_name won't be truncated when displayed on homescreen

Make your app's short_name fewer than 12 characters to ensure that it's not truncated on homescreens. Source: Lighthouse - Learn more

Configured for a custom splash screen

A default splash screen will be constructed for your app, but satisfying these requirements guarantee a high-quality splash screen that transitions the user from tapping the home screen icon to your app's first paint. Source: Lighthouse - Learn more

User can be prompted to Install the Web App

Browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. Source: Lighthouse - Learn more

Mobile Friendliness 67/100

Content is not blocked for zoom/scale

The `[user-scalable="no"]` parameter is not present in the `<meta name="viewport">` element and the `[maximum-scale]` parameter is not less than 2.Source: Lighthouse - Learn more

Content is sized correctly for the viewport

If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens. Source: Lighthouse - Learn more

Uses legible font sizes

Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read. Strive to have >60% of page text ≥12px. Source: Lighthouse - Learn more

Color Contrast is satisfactory

Low-contrast text is difficult or impossible for many users to read. Background and foreground colors should have enough contrast ratio to guarantee readability. Source: Lighthouse - Learn more

Failing Elements

ImpactSnippetTargetFailure Summary
serious<p>Albert Cloutier, OR no. 10 – The Montreal General Hospital, featuring Drs. S.A. MacDonald, H. Rocke Robertson, and H.J. Scott, 1961. Collection of Dr. David Mulder, courtesy of Medical Multimedia Department of the MUHC, photographed by Michael Cichon</p>.container > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Stained glass window by artist Lawrence Lee. Courtesy of the Medical Multimedia Department of the MUHC. Photographed by Michael Cichon.</p>#stained-glass > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Stills from Robert Cordier’s<em> Miracles in Modern Medicine</em>, 1967. Library and Archives Canada, 1973-0265, copyright Robert Cordier. Curatorial consultant: Stephen Palmer</p>.width-560.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em> Miracles in Modern Medicine</em>.width-560.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Construction of the Montreal General Hospital, c. 1952-55. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.39</p>#construction-mgh > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Isometric drawing of the MGH, early 1950s. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds</p>.two-column-text-artifacts.pb-80:nth-child(7) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Montreal Chest Institute, 1953. Art &amp; Heritage Centre of the MUHC, Montreal Chest Institute Fonds, 2014-0026.04.71</p>.two-column-text-artifacts.pb-80:nth-child(8) > .container > .row > .col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Montreal Children’s Hospital, photographed by Robert Derval, 2000. Art &amp; Heritage Centre of the MUHC, Montreal Children’s Hospital Audio-Visual Department Fonds, 2014-0015.04.748</p>.two-column-text-artifacts.pb-80:nth-child(8) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Foundation stone of the new hospital laid by then-Premier of Quebec, Maurice Duplessis, 2 May 1953. Art &amp; Heritage Centre of the MUHC, Mann Fonds, 2017-0001.04.2.11</p>#duplessis-ceremony > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>The Completed Montreal General Hospital. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.473.2</p>.two-column-text-artifacts.pb-80:nth-child(10) > .container-1170.container > .row > .col-sm-6:nth-child(1) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>This doorway to the medical library at the new site on Cedar Avenue was the entrance to the original building of the MGH erected in 1821. <em>MGH Bulletin, 1955</em></p>.col-sm-6:nth-child(2) > .right.width-full > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>MGH Bulletin, 1955</em>.right.width-full > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Ambulances lined up outside of the old hospital, waiting to transport patients to the new building, 1955. McGill University Archives, PA027724 (album)</p>.col-sm-6:nth-child(1) > .right.width-full > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Transport of a patient to the new site, part of a seamlessly coordinated effort, 1955. Medical Director William Storrar is pictured third from left. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1058.2</p>.two-column-text-artifacts.pb-80:nth-child(11) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Nurses in a four-bed ward, 1955. Archives of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.left-artifact-right-text.pb-80:nth-child(12) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Head nurse Margaret Eades, right, in the Medical Intensive Care Unit, c. 1975. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.669.3</p>.two-column-text-artifacts.pb-80:nth-child(13) > .container > .row > .col-sm-6:nth-child(1) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Surgical Intensive Care Unit, c. 1981. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1013</p>.two-column-text-artifacts.pb-80:nth-child(13) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left:nth-child(1) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Cardiac Monitoring Unit, c. 1970. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2104-0014.04.669.2</p>.two-column-text-artifacts.pb-80:nth-child(13) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Ian W.D. Henderson, of the University Surgical Clinic, with Warburg apparatus, c. 1962. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.569.1</p>#henderson > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. H. Rocke Robertson, c. 1975. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.2167</p>.left-text-right-artifact.pb-80:nth-child(15) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Douglas Cameron (seated, front-left) teaching in a clinic, 1967. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.851</p>#clinical-research-and-teaching > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Contact sheet of ophthalmology class given by Dr. E. Gordon at the MGH, photographed by Chris Lund, 1964. McGill University Archives, PR017582</p>#ophthalmology-clinic > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>View of the hospital showing the original Magee property in the future location of the Research Institute, 1966. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.303.</p>.two-column-text-artifacts.pb-80:nth-child(19) > .container-1170.container > .row > .col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Architectural drawing for the Research Institute, completed 1973. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds</p>.container-1170.container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Calculations leading to the discovery of the BRCA-1 gene for hereditary breast and ovarian cancer, courtesy of Dr. Patricia Tonin</p>#brca-calculations > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Phil Gold, 2005. Photographed by Robert Derval</p>.left-artifact-right-text.pb-80:nth-child(21) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Albert Aguayo, 1979. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.87.2</p>.left-text-right-artifact.pb-80:nth-child(22) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Drs. Ronald Melzack and Mary-Ellen Jeans of the Pain Clinic, 1982. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.933</p>.left-artifact-right-text.pb-80:nth-child(23) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Drs. Patricia Tonin (left) and Steven Narod in their laboratories at the MGH, 1994. <em>Maclean’s</em>, July 11, 1994</p>.left-text-right-artifact.pb-80:nth-child(24) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Maclean’s</em>.left-text-right-artifact.pb-80:nth-child(24) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Thomas Hudson at the McGill University and Genome Quebec Innovation Centre, 2006. Courtesy of Genome Quebec</p>.left-artifact-right-text.pb-80:nth-child(25) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Anthony Dobell discussing open heart surgical procedure. Still from Robert Cordier’s <em>Miracles in Modern Medicine</em>, 1967. Library and Archives Canada, 1973-0265, copyright Robert Cordier. Curatorial consultant: Stephen Palmer</p>.left-text-right-artifact.pb-80:nth-child(26) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Miracles in Modern Medicine</em>.left-text-right-artifact.pb-80:nth-child(26) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Heart-lung machine used in open heart surgery. Still from Robert Cordier’s <em>Miracles in Modern Medicine</em>, 1967. Library and Archives Canada, 1973-0265, copyright Robert Cordier. Curatorial consultant: Stephen Palmer</p>.left-text-right-artifact.pb-80:nth-child(26) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Miracles in Modern Medicine</em>.artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Ray C.J. Chiu, 1977. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04</p>.left-artifact-right-text.pb-80:nth-child(27) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Drs. Emil Skamene and Patricia Kongshavn in the Immunology laboratories of the Montreal General Hospital Research Institute, 1980. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds 2014-0014.04.976</p>.left-text-right-artifact.pb-80:nth-child(28) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Jo Miller, left, with North American Travelling Fellow Dr. Bernard Meggitt (Cambridge), 1976. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.940</p>.left-artifact-right-text.pb-80:nth-child(29) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Carl A. Goresky in laboratory at the Montreal General Hospital Research Institute, 1976. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.816</p>.left-text-right-artifact.pb-80:nth-child(30) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Ken Bentley receiving the CDA Medal of Honour at the CDA Annual Meeting from Dr. Alastair Nicoll. Courtesy of the Canadian Dental Association. Photographed by Mr. Greg Teckles</p>.left-artifact-right-text.pb-80:nth-child(31) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>MGH Dental Clinic, 1972. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.900</p>.left-artifact-right-text.pb-80:nth-child(31) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. H. Bruce Williams, centre, with Dr. H.C. Brown, 1977. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1186</p>.left-text-right-artifact.pb-80:nth-child(32) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. H. Bruce Williams performing surgery at the MGH in 1978. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1008</p>.left-text-right-artifact.pb-80:nth-child(32) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Henry Robinson (Robin) Watt, R.C.A., <em>Portrait of Mary Mathewson</em>, oil on canvas, collection of the Alumnae Association of the Montreal General Hospital School of Nursing</p>#mathewson > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Portrait of Mary Mathewson</em>#mathewson > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Cover of <em>Three Centuries of Canadian Nursing</em>, 1947</p>.left-artifact-right-text.pb-80:nth-child(35) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Three Centuries of Canadian Nursing</em>.leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Isobel MacLeod receiving her honorary doctorate from McGill, 1972. Archives of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.left-text-right-artifact.pb-80:nth-child(36) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>MacLeod, seated, 2nd from left, with members of the MGH School of Nursing student government, 1967. Archives of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.left-text-right-artifact.pb-80:nth-child(36) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Taylor grants the first-ever ANPQ license to a male nurse, Jean Robitaille, in 1970. Courtesy archives of the Ordre des infirmières et infirmiers du Québec</p>.two-column-text-artifacts.pb-80:nth-child(37) > .container > .row > .col-sm-6:nth-child(1) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Helen Taylor, c. 1975-80. Archives of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.two-column-text-artifacts.pb-80:nth-child(37) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Moyra Allen, 1970. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1635</p>.left-text-right-artifact.pb-80:nth-child(38) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Valerie Shannon accepting the Insigne du Mérite from the Ordre des infirmières et infirmiers du Quebec, 1997. Courtesy archives of the Ordre des infirmières et infirmiers du Quebec</p>.left-artifact-right-text.pb-80:nth-child(39) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Hall off the Cedar entrance of the newly constructed MGH, featuring gift shop display window curated by The Auxiliary, 1955. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.129.3</p>#hall-cedar-entrance > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>First executive of The Auxiliary, 1950s. Image courtesy of The Auxiliary of the MGH.</p>.left-text-right-artifact.pb-80:nth-child(41) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Blood Donor Clinic organized by The Auxiliary, 1976. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1246</p>.two-column-text-artifacts.pb-80:nth-child(42) > .container-1170.container > .row > .col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Candy Stripers, 1970s. From the photo collection of The Auxiliary of the MGH</p>.two-column-text-artifacts.pb-80:nth-child(42) > .container-1170.container > .row > .col-sm-6:nth-child(2) > .right.width-440 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Volunteers at the Patients’ Library, 1978. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1236</p>.left-artifact-right-text.pb-80:nth-child(43) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>L-R: Dr. Ross Hill, Barbara Whitley, and the Hon. Miller Hyde, at celebrations for the 150th anniversary of the MGH, 1971. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.222</p>.left-artifact-right-text.pb-80:nth-child(43) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Portrait of Lou Pacaud by Nycoll Boivin. Courtesy of The Auxiliary of the Montreal General Hospital.</p>.two-column-text-artifacts.pb-80:nth-child(44) > .container-1170.container > .row > .col-sm-6:nth-child(1) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>One of the Auxiliary’s fashion shows, 1970s. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, unaccessioned.</p>.two-column-text-artifacts.pb-80:nth-child(44) > .container-1170.container > .row > .col-sm-6:nth-child(2) > .right.width-440 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Tom Hum in the MGH Outpatient Department, c. 1962. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.814.1</p>#tom-hum-mgh-outpatient-department > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Tom Hum with the ceremonial noticeboard (with a frame representing the gates of Chinatown) from the MGH board of directors, 1976. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.814.3</p>.left-text-right-artifact.pb-80:nth-child(46) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Final graduating class of the MGH School of Nursing, Livingston Hall, 1972. Archives of the Alumnae Association of the Montreal General Hospital School of Nursing</p>#final-graduating-class-mgh > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Last graduation at Place des Arts, 1972. Archives of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.left-artifact-right-text.pb-80:nth-child(49) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Training of dietetic interns, c. 1970. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.895</p>.two-column-text-artifacts.pb-80:nth-child(50) > .container > .row > .col-sm-6:nth-child(1) > .width-440.left:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Occupational Therapy, c. 1980. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.172</p>.width-440.left:nth-child(3) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Physiotherapy, 1975. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.983</p>.two-column-text-artifacts.pb-80:nth-child(50) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Nancy Turner Chan, Speech Therapy and Audiology, 1979. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1067</p>#nancy-turner-chan > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Ronald Melzack and Pain Centre staff, with Drs. Mary Ellen Jeans, Rick Monks, and Joseph Stratford (bottom right), 1970s. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.933</p>.col-sm-6:nth-child(1) > .width-full.left:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Family Medicine Unit, c. 1975. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.805</p>.two-column-text-artifacts.pb-80:nth-child(52) > .container-1170.container > .row > .col-sm-6:nth-child(2) > .right.width-440:nth-child(1) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Community Health Team (DSC), c. 1979. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.858.5</p>.right.width-440:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Doctors and staff folding laundry during the support staff strike, 1966. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1243.9</p>.left-artifact-right-text.pb-80:nth-child(53) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p><em>Gazette</em> article by Elizabeth Thompson, 6 September 1989. Material republished with the express permission of: <em>Montreal Gazette</em>, a division of Postmedia Network Inc.</p>#gazette-elizabeth-thompson > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Gazette</em>#gazette-elizabeth-thompson > .mgh-caption > p > em:nth-child(1)Fix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Montreal Gazette</em>.mgh-caption > p > em:nth-child(2)Fix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Community Health Department, Planned Parenthood display, 1977. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.858</p>#planned-parenthood-1977 > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Robert Kinch, left, lecturing at the Third Teaching Hospital in Peking, China, with interpreter Dr. Chang, during the Norman Bethune Visiting Professorship, 1975. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.748</p>.two-column-text-artifacts.pb-80:nth-child(57) > .container > .row > .col-sm-6:nth-child(1) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Cover of the first edition of the <em>birth control handbook</em>, published by the Student’s Society of McGill University in 1968. McGill University Archives.</p>.two-column-text-artifacts.pb-80:nth-child(57) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>birth control handbook</em>.width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>John A. Schweitzer, LLD, OSA, RCA, <em>Centrifuge</em> (diptych), 1995, collage on paper. Collection of the Art &amp; Heritage Centre of the MUHC.</p>#centrifuge > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Centrifuge</em>#centrifuge > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>#average-cost > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>At the MGH’s 150th anniversary celebrations, 1971, with Alex Paterson, Claude Castonguay and Hon. G. Miller Hyde. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.202</p>.left-artifact-right-text.pb-80:nth-child(60) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>This infographic tracks key reforms to the organization of Quebec’s healthcare system over the years. Reorganizations have the shared goal of improving accessibility, quality of care, accountability and performance over time. Designed by Linda Jackson</p>#legislative-infographic > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Sheila Linden at the NDG Clinic overseen by the MGH Community Health Department, c. 1979. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.858.1</p>.left-artifact-right-text.pb-80:nth-child(63) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Sandy MacPherson (in white), first director, and the Department of Community Health, 1976. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.858</p>.left-text-right-artifact.pb-80:nth-child(64) > .container > .row > .col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dogsled outing to a glacier in Grise Fiord, Ellesmere Island, present-day Nunavut, 1970. Photo taken by Dr. Jane Forsey during an elective for her fourth year of medical school. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.850</p>#grise-fiord > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Typical 3-trailer nursing station in Grise Fiord, Ellesmere Island, present-day Nunavut, 1970. Photo taken by Dr. Jane Forsey during an elective for her fourth year of medical school. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.850.8</p>.two-column-text-artifacts.pb-80:nth-child(66) > .container-1170.container > .row > .col-sm-6:nth-child(1) > .width-440.left:nth-child(1) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. John H. Burgess at an inukshuk in the arctic circle, 1984. Burgess fell in love with Canada’s North, and published a book about his experiences (<em>Doctor to the North: Thirty Years Treating Heart Disease Among the Inuit</em>, 2008). Courtesy of Dr. John H. Burgess</p>.two-column-text-artifacts.pb-80:nth-child(66) > .container-1170.container > .row > .col-sm-6:nth-child(1) > .width-440.left:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Doctor to the North: Thirty Years Treating Heart Disease Among the Inuit</em>.width-440.left:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Rae Brown (centre) with a trauma patient in the surgical ICU, 1986. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1007.3</p>.left-artifact-right-text.pb-80:nth-child(67) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Fraser N. Gurd, c. 1970. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.536.8</p>.left-artifact-right-text.pb-80:nth-child(67) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Drs. Rae Brown (left) and David Mulder, c. 1970. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.682</p>#drs-rae-brown-david-mulder > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
...

Performance 62/100

Speed Index

  • Speed Index
    0.00
    target < 4500 ms

Speed Index is a page load performance metric that shows you how quickly the contents of a page are visibly populated. The lower the score, the better. Source: Lighthouse - Learn more

Document complete

  • Time
    108.8
    seconds
  • Resources
    156
    requests
  • Bytes in
    18.1
    MB

These metrics are collected from the initial request until the browser considers the page loaded (JavaScript onLoad event). This usually happens after all of the image content has loaded but may not include content that is triggered by javascript execution.

Fully load

  • Time
    109.3
    seconds
  • Resources
    157
    requests
  • Bytes in
    18.1
    MB

These metrics are collected from the initial request until 2 seconds of no network activity after Document Complete (JavaScript onLoad event). This will usually include any activity that is triggered by javascript after the main page loads.

Assets by Domain

Requests

  • mgh200.com

  • use.typekit.net

  • www.googletagmanager.com

  • browser-update.org

  • www.google-analytics.com

  • cdn.inspectlet.com

  • hn.inspectlet.com

  • p.typekit.net

Bytes downloaded

  • mgh200.com

  • use.typekit.net

  • www.googletagmanager.com

  • cdn.inspectlet.com

  • browser-update.org

  • hn.inspectlet.com

  • p.typekit.net

Assets by Mime-Type

Requests

  • html

  • js

  • css

  • image

  • font

  • other

Bytes downloaded

  • html

  • js

  • css

  • image

  • font

  • other

Speed

Load time108822 ms

Also known as the document complete time, it’s the time from the initial request until the browser load event. It can vary based on server location, device, browser, and third-party apps. Source: WebPagetest - Learn more

Page load is fast enough on 3G

A fast page load over a 3G network ensures a good mobile user experience. Source: Lighthouse - Learn more

First byte1408 ms

The time from the initial request to the first byte of the response. Source: WebPagetest - Learn more

First Contentful Paint4272.21 ms

First contentful paint marks the time at which the first text/image is painted. Source: Lighthouse - Learn more

First meaningful paint4272.21 ms

First meaningful paint measures when the primary content of a page is visible. It's essentially the paint after which the biggest above-the-fold layout change has happened, and web fonts have loaded. Source: Lighthouse - Learn more

Estimated Input Latency12 ms (target < 50 ms)

The score above is an estimate of how long your app takes to respond to user input, in milliseconds. There is a 90% probability that a user encounters this amount of latency, or less. 10% of the time a user can expect additional latency. If your score is higher than Lighthouse's target score (< 50ms), users may perceive your app as laggy. Source: Lighthouse - Learn more

Uses persistent connections (keep alive)Score: 100%

Closing connections are a missed opportunity for performance enhancement: additional round-trips between the user and the server to initiate a connection is redundant and time-consuming. Keep-Alive measures the effectiveness of connection reuse. The purpose of this grade is to evaluate the extent to which requests are inefficiently reopening connections. Source: WebPagetest - Learn more

First CPU Idle4272.21 ms

First CPU Idle marks the first time at which the page's main thread is quiet enough to handle input. Source: Lighthouse - Learn more

Time to Interactive4272.21 ms

Interactive marks the time at which the page is fully interactive. Source: Lighthouse - Learn more

Page weight

Uses compression (gzip, zopfli, deflate, brotli)Score: 100%

This rule triggers when detecting that compressible resources were served without gzip compression. Source: WebPagetest - Learn more

Uses a CDN for all static assetsScore: 99%

Each request for a piece of content to the web server has to travel from the user's browser all the way to the server and back. A content delivery network (CDN) is a system for distributing resources to servers geographically closer to users. The main benefit of this is that the round-trip time is faster. The passing grade for using a CDN effectively is to have at least 80% of static resources served from a CDN. Source: WebPagetest - Learn more

Leverage browser caching

Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network. Source: PageSpeed Insights - Learn more

3 resources found

URL
https://cdn.inspectlet.com/inspectlet.js?wid=390958211&r=450351 ( 4 hours )
https://browser-update.org/update.min.js ( 1 day )
https://p.typekit.net/p.css?s=1&k=chj6lmw&ht=tk&f=10954.13456.18494.18495.18496.18497.18498.18499.45714&a=1501498&app=typekit&e=css ( 1 week )
...

Minify CSS

Minification refers to the process of removing unnecessary or redundant data in order to reduce file size without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on. Source: PageSpeed Insights - Learn more

Minify JavaScript

Minification refers to the process of removing unnecessary or redundant data in order to reduce file size without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on. Source: PageSpeed Insights - Learn more

Avoids an excessive DOM size3706 nodes

Number of elements in the document. Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth < 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer style calculations, and produce costly layout reflows. Source: Lighthouse - Learn more
  • Total DOM Nodes
    3,706
    target < 1,500 nodes
  • DOM Depth
    17
    target < 32
  • Maximum Children
    70
    target < 60 nodes

Compressed ImagesPotential savings of 1975 KB

The image compression check just looks at photo images and makes sure the quality isn't set too high. Images can usually be compressed pretty substantially without any noticeable reduction in visual quality. Source: Lighthouse - Learn more

ThumbnailsURLOriginalPotential Savings
https://mgh200.com/wp-content/uploads/2021/03/MGH-Hospital.jpg1274 KB873 KB (68%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_Shannon_1997.jpg315 KB229 KB (72%)
https://mgh200.com/wp-content/uploads/2021/03/Wide_MGH-1.jpg228 KB150 KB (66%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_Chestinstitute_1953.jpg459 KB98 KB (21%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_birth-control-handbook_1968.jpg736 KB80 KB (10%)
https://mgh200.com/wp-content/uploads/2021/03/Fig-2.3-1848-MGH-2.jpg131 KB72 KB (55%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_Robertson_1975.jpg327 KB62 KB (18%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_auxiliary-fashion-show_1970s.jpg290 KB60 KB (20%)
https://mgh200.com/wp-content/uploads/2021/03/MGh200_Taylor_1975.jpg270 KB57 KB (21%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_Magee_1966.jpg317 KB51 KB (16%)
https://mgh200.com/wp-content/themes/dstheme/assets/images/gradient-bg-turbulent-years.jpg64 KB43 KB (66%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_Bentley_2016.jpg239 KB41 KB (17%)
https://mgh200.com/wp-content/uploads/2021/03/gradient-bg-postwar-period.jpg48 KB32 KB (68%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_Pacaud.jpg85 KB30 KB (35%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_gold_2005.jpg193 KB22 KB (11%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_provisional_chart.jpg84 KB20 KB (23%)
https://mgh200.com/wp-content/uploads/2021/03/aguayo1.jpg89 KB14 KB (16%)
https://mgh200.com/wp-content/uploads/2021/03/valerie1.jpg95 KB14 KB (14%)
https://mgh200.com/wp-content/uploads/2021/03/Miracles-in-Modern-Medecine-1024x766.jpeg132 KB8 KB (6%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_Dobell-1_1967-1024x640.jpg78 KB5 KB (6%)
https://mgh200.com/wp-content/uploads/2021/03/MGH200_Dobell-2_1967-1024x640.jpg117 KB4 KB (3%)
...

Uses Progressive JPEGsScore: 67 %

A progressive JPEG is image created using the JPEG suite of compression algorithms that will 'fade in' in successive waves of lines until the entire image has completely arrived. They show the entire image right away, looking slightly pixelated until the image data is fully loaded. Source: WebPagetest - Learn more

Properly Sized ImagesPotential savings of 121 KB

Serve images that are appropriately-sized to save cellular data and improve load time. Source: Lighthouse - Learn more

Offscreen images

Consider lazy-loading offscreen images to improve page load speed and time to interactive. Source: Lighthouse - Learn more

First impression

Eliminates render-blocking JavaScript and CSS in above-the-fold content

This rule triggers when detecting that your HTML references a blocking external resource / file in the above-the-fold portion of your page. Source: PageSpeed Insights - Learn more about JS - Learn more about CSS

Potential savings of 1,930 ms

URL
https://use.typekit.net/chj6lmw.css<\/span>
https://mgh200.com/wp-content/themes/dstheme/assets/styles.min.css?ver=1621264396<\/span>
https://mgh200.com/wp-includes/js/jquery/jquery.min.js?ver=3.5.1<\/span>
https://mgh200.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2<\/span>
...

Improves server response time

This rule triggers when detecting that your server response time is above 200 ms. Server response time measures how long it takes to load the necessary HTML to begin rendering the page from your server, subtracting out the network latency between Google and your server. Source: PageSpeed Insights - Learn more

Avoids landing page redirects

Redirects trigger an additional HTTP request-response cycle and delay page rendering. In the best case, each redirect will add a single round trip (HTTP request-response), and in the worst it may result in multiple additional roundtrips to perform the DNS lookup, TCP handshake, and TLS negotiation in addition to the additional HTTP request-response cycle. As a result, you should minimize use of redirects to improve site performance. Source: PageSpeed Insights - Learn more

Usability 56/100 Industry: Storytelling / Game

Brand logo linked to homepage

Fails if doesn't have a logo or clicking it doesn't lead you to homepage.

No ending trailing paths

Fails if doesn't provide at least one of the following: main navigation options on footers, fixed or 'smart' headers/burger-icon, Back to top or close buttons.

Active section is highlighted in navigation menus

Fails if current section or page is not visually highlighted in navigation menus, except for internal section pages where it's accepted not to highlight the parent section.

Contents are loaded on demand

Fails if the website doesn't provide at least one of the following loading techniques: lazy-loading, next/prev buttons, pages/chapters bullets nav.

Sound controlNot applicable

Fails if no audio on/off button, no warning about the website using sound -- eg in the preloader or splash page.

Website can be shared

Fails if doesn't provide sharing options. Doesn’t provide any of the following article meta information: title, description and image.

Prevent layout shiftings when loading media. Set width and height attributes on both <img> and <video> tags

Fails if transitioning from placeholders to final images change the rendered size of the element as media loads. Not using a solid color placeholder occupying the same dimensions as the target image, or techniques such as LQIP or SQIP that hint at the content of a media item before it loads. These changes can be disorienting for users and trigger expensive DOM layout operations that consume system resources and contribute to jank.

The most appropriate keyboard for the input type is provided first

Fails if most helpful keyboard not provided, i.e. input types text, tel, email, password, capitalization when appropiate, etc.

The website supports autofill for all form fields and the fields are tagged for the appropriate information from autofill

Fails if fields are not tagged for efficient browser-based autofill, making users enter data that is already known either by the website or the OS. Not filling a standard field or filling fields with the wrong content, i.e. puts house number and street name into the same field when there are separate fields for each.

All mistakes made in forms are clearly highlighted in real time, and instructions for correct completion are provided in real time

Fails if mistakes and guidance for correct completion are not highlighted in real time and/or error messages are ambiguous or unfriendly.

PWA / Best Practices 82/100

Avoids Application Cache

Application Cache is deprecated. Source: Lighthouse - Learn more

Avoids WebSQL DB

Web SQL is deprecated. Consider using IndexedDB instead. Source: Lighthouse - Learn more

Avoids requesting the geolocation permission on page load

Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. Source: Lighthouse - Learn more

robots.txt is valid

If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Source: Lighthouse

Avoids requesting the notification permission on page load

Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. Source: Lighthouse - Learn more

Avoids deprecated APIs

Deprecated APIs will eventually be removed from the browser. Source: Lighthouse - Learn more

Allows to paste into password input fields

The main reason why password pasting improves security is because it helps to reduce password overload. Source: Lighthouse - Learn more

Registers a Service Worker

The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. Source: Lighthouse - Learn more

Responds with a 200 when offline

If you're building a Progressive Web App, consider using a service worker so that your app can work offline. Source: Lighthouse - Learn more

Uses HTTPS

All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. Source: Lighthouse - Learn more

Redirects HTTP traffic to HTTPS

If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. Source: Lighthouse - Learn more

Uses HTTP/2 for its own resources

HTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. Source: Lighthouse - Learn more

Uses passive listeners to improve scrolling performance

Mark your touch and wheel event listeners as `passive` to improve your page's scroll performance. Source: Lighthouse - Learn more

Avoid using document.write()

For users on slow connections, external scripts dynamically injected via document.write() can delay page load by tens of seconds. Source: Lighthouse - Learn more

Manifest's short_name won't be truncated when displayed on homescreen

Make your app's short_name fewer than 12 characters to ensure that it's not truncated on homescreens. Source: Lighthouse - Learn more

Configured for a custom splash screen

A default splash screen will be constructed for your app, but satisfying these requirements guarantee a high-quality splash screen that transitions the user from tapping the home screen icon to your app's first paint. Source: Lighthouse - Learn more

User can be prompted to Install the Web App

Browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. Source: Lighthouse - Learn more

Mobile Friendliness 67/100

Content is not blocked for zoom/scale

The `[user-scalable="no"]` parameter is not present in the `<meta name="viewport">` element and the `[maximum-scale]` parameter is not less than 2.Source: Lighthouse - Learn more

Content is sized correctly for the viewport

If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens. Source: Lighthouse - Learn more

Uses legible font sizes

Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read. Strive to have >60% of page text ≥12px. Source: Lighthouse - Learn more

Color Contrast is satisfactory

Low-contrast text is difficult or impossible for many users to read. Background and foreground colors should have enough contrast ratio to guarantee readability. Source: Lighthouse - Learn more

Failing Elements

ImpactSnippetTargetFailure Summary
serious<p>Ward M, Montreal General Hospital, 1904. Art and Heritage Centre of the MUHC, Mann Fonds, 2017-0001.04.1.33</p>.container > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Painting of a harbour for Henry Sandham, Montreal, QC, 1880. Notman &amp; Sandham. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/II-56905.1" target="_blank" rel="noopener">II-56905.1</a></p>#Introduction > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Newspaper Clipping announcing the formation of the Female Benevolent Society of Montreal, <em>Montreal Gazette</em>, 26 February 1816. BAnQ</p>#Introduction > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Montreal Gazette</em>.leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Town of Montreal with the rocks, shoals, soundings, &amp;c. in the harbour, shewing also the improvements, projected canal, squares &amp;c., by Joseph Bouchette, London W. Faden, 1815. BanQ, 0003836124.</p>.fullwidth-artifact-main.pb-80:nth-child(4) > .container > .fullartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Goose Village children, Montreal, QC, about 1910. Art Studio. McCord Museum, Gift of Mr. John Stanley Kennedy, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/MP-1979.131" target="_blank" rel="noopener">MP-1979.131</a>.</p>.col-md-5 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Irish Emigration Engraving showing sign for Quebec, 1851. Library and Archives Canada, MIKAN 2952956.</p>#irish-emigration > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Montreal’s Night-Mayor on his Ghostly Rounds (Dedicated to the Board of Health), 1875. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/M992X.5.82" target="_blank" rel="noopener">M992X.5.82</a>.</p>.centered-artifact.pb-80:nth-child(7) > .container-80.container > .fullartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Jeanne Mance, 1606-1673, Fondatrice de l’Hôtel-Dieu de St-Joseph de Montreal, 1642. Postcard, BanQ, CP 033921 CON.</p>.left-artifact-right-text:nth-child(8) > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>The recent smallpox epidemic in Montreal – vaccinating American-bound passengers on a train of the Grand Trunk Railway, 1883. Osler Library Prints Collection, OPF000001</p>.container-1170 > .row > .col-sm-6:nth-child(2) > .width-440.right > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>.two-column-text-artifacts.pb-80:nth-child(10) > .container > .row > .col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Stone erected in to commemorate Irish immigrants who died of ship’s fever in 1847 by the workmen of Victoria Bridge, St. Patrick street, c. 1870-1920. BAnQ, Massicotte Albums, MAS 7-73-c</p>.two-column-text-artifacts.pb-80:nth-child(10) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>« Montréal – Scènes en face de l’hôtel-de-ville, par les anti-vaccinateurs, dans la soirée du 28 septembre », <em>Le Monde illustré</em>, vol. 2, no 76, 17 octobre 1885, p. 185. BAnQ</p>#montreal-scenes-face-hotel-de-ville > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Le Monde illustré</em>#montreal-scenes-face-hotel-de-ville > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>19th Century Canadian School, <em>Honourable John Molson (The Elder)</em>, c. 19th century. Collection of the Montreal General Hospital</p>.col-sm-6:nth-child(1) > .width-full.right > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Honourable John Molson (The Elder)</em>.width-full.right > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Sketch of duel between Caldwell and O’Sullivan, nd, from <em>Pages of History</em>, edited by Jean C. Grout, 1981</p>.two-column-text-artifacts:nth-child(13) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Pages of History</em>.col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Patient Ledger showing first page of admissions upon the opening of the hospital on Dorchester, 1822. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.01.2.</p>#patient-ledger > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>.two-column-text-artifacts:nth-child(16) > .container > .row > .col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Hochelaga Depicta</em>.col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > em:nth-child(1)Fix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>The Montreal General Hospital 1821-1956: A Pictorial Review</em>.mgh-caption > p > em:nth-child(2)Fix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Montreal General Hospital Bulletin</em>.mgh-caption > p > em:nth-child(3)Fix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Photograph showing the hospital’s updated Royal Charter, now lost, c. 1825. Art and Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.04.1574</p>.two-column-text-artifacts:nth-child(16) > .container > .row > .col-sm-6:nth-child(2) > .width-440.right > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Resident Doctors group, Montreal, QC, copied 1895. Wm. Notman &amp; Son. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/II-110422.0" target="_blank" rel="noopener">II-110422.0</a></p>#resident-doctors-group > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Photographic copy of an artwork of the Montreal Medical Institution (20 Saint James Street), nd. McGill University Archives, PR014568.</p>.two-column-text-artifacts:nth-child(18) > .container > .row > .col-sm-6:nth-child(1) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>The founding physicians of the Montreal General Hospital and faculty of the Montreal Medical Institution. Clockwise from top left: Drs. William Robertson (1784-1844), William Caldwell (1782-1833), Andrew Fernando Holmes (1797-1860), John Stevenson (1796-1842).</p>.two-column-text-artifacts:nth-child(18) > .container > .row > .col-sm-6:nth-child(2) > .width-560.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Composite of 16 Scholars, medical faculty members, 1882. Osler Library, William Osler Photo Collection, CUS_033-011_P</p>#faculty-1882 > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Robert Harris portrait of Dr. Robert Palmer Howard at the bedside, 1889</p>.two-column-text-artifacts:nth-child(20) > .container > .row > .col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Monaural stethoscope, 19th century. Art &amp; Heritage Centre of the MUHC, 2020-0034</p>.two-column-text-artifacts:nth-child(20) > .container > .row > .col-sm-6:nth-child(2) > .right.width-560 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Lancet set, 19th century. Art &amp; Heritage Centre of the MUHC, 2020-0042 </p>#mghsection-10 > .container > .row > .col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Hypodermic tablets, 19th century. Art &amp; Heritage Centre of the MUHC, 2020-0062</p>#hypodermic-tablets > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Cupping Set and scarificators, 19th century. Art &amp; Heritage Centre of the MUHC, 2020-0046</p>#mgh-section11 > .container > .row > .col-sm-6:nth-child(1) > .width-560.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Ward M, Surgical Pavilion, Montreal General Hospital (Dorchester location), c. 1904. Courtesy of the Alumnae Association of the Montreal General Hospital School of Nursing</p>#mgh-section11 > .container > .row > .col-sm-6:nth-child(1) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Photograph of bullet lying between tibia and fibula [of Mr. Talson Cunning]. [W.C. Macdonald Physics Building, McGill University, Montreal, Que., 7 February 1896.]. Library and Archives Canada, PA-122908.</p>#mgh-section11 > .container > .row > .col-sm-6:nth-child(2) > .width-560.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Sir William Osler (1849-1919) in Edward Jenner’s chair in the room of the Regius Professor of Medicine, University Museum, Oxford, c. 1905-1919. Wellcome Library, no. 13320i</p>#sir-william-osler > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Miss Maude E. Abbott, Montreal, QC, 1893. Wm. Notman &amp; Son. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/II-103172" target="_blank" rel="noopener">II-103172</a></p>.two-column-text-artifacts:nth-child(25) > .container > .row > .col-sm-6:nth-child(1) > .width-560.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Osler Library, Strathcona Building, c. 1929. Osler Library Photo Collection, 08/17</p>.two-column-text-artifacts:nth-child(25) > .container > .row > .col-sm-6:nth-child(2) > .right.width-560:nth-child(1) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Specimen 36: Heart and Aorta, Saccular Aneurysm. Maude Abbott Medical Museum</p>.two-column-text-artifacts:nth-child(25) > .container > .row > .col-sm-6:nth-child(2) > .width-440.right > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Three Young Professors of the McGill Medical School: Osler, Shepherd, Ross, c. 1878. Osler Library of the History of Medicine, Cushing Collection, CUS_033-010_P</p>.right.width-560:nth-child(3) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Roddick, Montreal, QC, 1882. Notman &amp; Sandham. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/II-63859.1" target="_blank" rel="noopener">II-63859.1</a></p>#revolution-surgical-practice > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Carbolic acid diffuser belonging to Dr. Roddick. Art and Heritage Centre of the MUHC, 2015-0065</p>#revolution-surgical-practice > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Use of the Lister carbolic spray, Antiseptic surgery, 1882. Wellcome Collection</p>.two-column-text-artifacts:nth-child(27) > .container > .row > .col-sm-6:nth-child(1) > .width-560.left:nth-child(1) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>The Roddick Gates at McGill University, 1930s. Archives de la Ville de Montréal</p>.two-column-text-artifacts:nth-child(27) > .container > .row > .col-sm-6:nth-child(1) > .width-560.left:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Shepherd, drawing by and copied for Andrew Dickson Patterson, 1929. Wm. Notman and Son. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/VIEW-24585" target="_blank" rel="noopener">VIEW-24585</a></p>.two-column-text-artifacts:nth-child(27) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Dr. Hutchinson and the class of 1905 in the operating room of the Montreal General Hospital, 1905. Art &amp; Heritage Centre of the MUHC, Mann Fonds, 2017-0001.04.1.30 </p>#dr-hutchinson-class-1905 > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>General Hospital Nurses, Montreal, QC, 1895. Wm. Notman &amp; Son. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/II-113321" target="_blank" rel="noopener">II-113321</a></p>#general-hospital-nurses > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Copy of a Pencil Sketch of Florence Nightingale by Sir George Scharf belonging to the Alumnae Association of the Montreal General Hospital School of Nursing.</p>.col-sm-6:nth-child(1) > .width-440.right > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Cover of Nightingale’s <em>Notes on Nursing</em> (first published 1859), courtesy of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.two-column-text-artifacts.pb-80:nth-child(31) > .container > .row > .col-sm-6:nth-child(2) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Notes on Nursing</em>.width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Miss Nora Livingston, Founder of the School of Nursing, at her desk in the Montreal General Hospital, c. 1895. Archives of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.col-sm-6:nth-child(2) > .width-full.right > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>School of Nursing Class of 1891 (first graduating class), courtesy of the Alumnae Association of the Montreal General Hospital School of Nursing.</p>#school-nursing-1891 > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Lena Anderson (Mrs. J.J. Ower) in a typical MGH nurses’ uniform (with graduate pin) 1911, Courtesy of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.two-column-text-artifacts:nth-child(34) > .container > .row > .col-sm-6:nth-child(1) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Fabric swatches showing School of Nursing’s ‘MGH’ monogram print, with Margaret Suttie’s MGH School of Nursing graduate’s pin. Courtesy of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.two-column-text-artifacts:nth-child(34) > .container > .row > .col-sm-6:nth-child(2) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Flora Madeline Shaw, Director of the McGill School for Graduate Nurses, c. 1925. McGill University Archives, PR001183</p>.two-column-text-artifacts:nth-child(34) > .container > .row > .col-sm-6:nth-child(2) > .width-440.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Photo of engraving of exterior view of Jubilee Nurses’ Home, Montreal General Hospital, June 1897. Art &amp; Heritage Centre of the MUHC, Berkovitz Fonds, 2014-0014.01.11</p>.two-column-text-artifacts.pb-80:nth-child(35) > .container > .row > .col-sm-6:nth-child(1) > .width-full.left > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Diet kitchen, established by Nora’s sister Gracie Livingston, c. 1890-1900. Archives of the Alumnae Association of the Montreal General Hospital School of Nursing</p>.two-column-text-artifacts.pb-80:nth-child(35) > .container > .row > .col-sm-6:nth-child(2) > .right.width-560 > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>President’s Gavel of the Alumnae Association, presented at an Alumnae meeting in 1954 by Louisa Parker, 1st president. Courtesy of the Alumnae Association of the Montreal General Hospital School of Nursing.</p>.left-artifact-right-text.pb-80 > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Ladies Benevolent Institution, Montreal, QC, 1909. Wm Notman &amp; Son. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/II-174417" target="_blank" rel="noopener">II-174417</a></p>#social-work-visionary-philanthropic-commitment > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(1) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Chart showing growth of population of the city, by Linda Jackson.</p>#social-work-visionary-philanthropic-commitment > .container > .row > .col-md-5 > .leftartifacts.aos-init[data-aos-duration="\33 000"]:nth-child(2) > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Fond de court dans un quartier défavorisé, 1914. BanQ, Massicotte Albums, MAS A-26-b</p>.two-column-text-artifacts:nth-child(38) > .container > .row > .col-sm-6:nth-child(1) > .width-560.left:nth-child(1) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>L-M Gallery, Montreal General Hospital, c. 1905. Art &amp; Heritage Centre of the MUHC, Mann Fonds, 2017-0001.01.31</p>.two-column-text-artifacts:nth-child(38) > .container > .row > .col-sm-6:nth-child(1) > .width-560.left:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Montreal from Street Railway Power House chimney, QC, 1896. Wm. Notman &amp; Son. McCord Museum, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/VIEW-2943" target="_blank" rel="noopener">VIEW-2943</a>.</p>.width-560.left:nth-child(3) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>John Henry Walker, <em>Family Life</em>, 1850-1885. McCord Museum, Gift of David Ross McCord, <a href="http://collections.musee-mccord.qc.ca/en/collection/artifacts/M930.50.2.263" target="_blank" rel="noopener">M930.50.2.263</a></p>.two-column-text-artifacts:nth-child(38) > .container > .row > .col-sm-6:nth-child(2) > .right.width-560:nth-child(1) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<em>Family Life</em>.right.width-560:nth-child(1) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > p > emFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
serious<p>Outside Balcony of the A Gallery, B Gallery and Residents Quarters, 1905. Art &amp; Heritage Centre of the MUHC, Mann Fonds, 2017-0001.04.1.4</p>.right.width-560:nth-child(2) > .artifacts.aos-init[data-aos-duration="\33 000"] > .mgh-caption > pFix any of the following: Element has insufficient color contrast of 4.11 (foreground color: #7d7d7d, background color: #ffffff, font size: 9.0pt, font weight: bold). Expected contrast ratio of 4.5:1
...

Performance 60/100

Speed Index

  • Speed Index
    0.00
    target < 4500 ms

Speed Index is a page load performance metric that shows you how quickly the contents of a page are visibly populated. The lower the score, the better. Source: Lighthouse - Learn more

Document complete

  • Time
    N/A
    seconds
  • Resources
    N/A
    requests
  • Bytes in
    N/A
    KB

These metrics are collected from the initial request until the browser considers the page loaded (JavaScript onLoad event). This usually happens after all of the image content has loaded but may not include content that is triggered by javascript execution.

Fully load

  • Time
    120.2
    seconds
  • Resources
    104
    requests
  • Bytes in
    20.2
    MB

These metrics are collected from the initial request until 2 seconds of no network activity after Document Complete (JavaScript onLoad event). This will usually include any activity that is triggered by javascript after the main page loads.

Assets by Domain

Requests

  • mgh200.com

  • use.typekit.net

  • www.googletagmanager.com

  • browser-update.org

  • www.google-analytics.com

  • cdn.inspectlet.com

  • hn.inspectlet.com

  • p.typekit.net

Bytes downloaded

  • mgh200.com

  • use.typekit.net

  • www.googletagmanager.com

  • cdn.inspectlet.com

  • browser-update.org

  • hn.inspectlet.com

  • p.typekit.net

Assets by Mime-Type

Requests

  • html

  • js

  • css

  • image

  • font

  • other

Bytes downloaded

  • html

  • js

  • css

  • image

  • font

  • other

Speed

Load time120217 ms

Also known as the document complete time, it’s the time from the initial request until the browser load event. It can vary based on server location, device, browser, and third-party apps. Source: WebPagetest - Learn more

Page load is fast enough on 3G

A fast page load over a 3G network ensures a good mobile user experience. Source: Lighthouse - Learn more

First byte1443 ms

The time from the initial request to the first byte of the response. Source: WebPagetest - Learn more

First Contentful Paint3993.247 ms

First contentful paint marks the time at which the first text/image is painted. Source: Lighthouse - Learn more

First meaningful paint3993.247 ms

First meaningful paint measures when the primary content of a page is visible. It's essentially the paint after which the biggest above-the-fold layout change has happened, and web fonts have loaded. Source: Lighthouse - Learn more

Estimated Input Latency12 ms (target < 50 ms)

The score above is an estimate of how long your app takes to respond to user input, in milliseconds. There is a 90% probability that a user encounters this amount of latency, or less. 10% of the time a user can expect additional latency. If your score is higher than Lighthouse's target score (< 50ms), users may perceive your app as laggy. Source: Lighthouse - Learn more

Uses persistent connections (keep alive)Score: 100%

Closing connections are a missed opportunity for performance enhancement: additional round-trips between the user and the server to initiate a connection is redundant and time-consuming. Keep-Alive measures the effectiveness of connection reuse. The purpose of this grade is to evaluate the extent to which requests are inefficiently reopening connections. Source: WebPagetest - Learn more

First CPU Idle3993.25 ms

First CPU Idle marks the first time at which the page's main thread is quiet enough to handle input. Source: Lighthouse - Learn more

Time to Interactive3993.25 ms

Interactive marks the time at which the page is fully interactive. Source: Lighthouse - Learn more

Page weight

Uses compression (gzip, zopfli, deflate, brotli)Score: 100%

This rule triggers when detecting that compressible resources were served without gzip compression. Source: WebPagetest - Learn more

Uses a CDN for all static assetsScore: 98%

Each request for a piece of content to the web server has to travel from the user's browser all the way to the server and back. A content delivery network (CDN) is a system for distributing resources to servers geographically closer to users. The main benefit of this is that the round-trip time is faster. The passing grade for using a CDN effectively is to have at least 80% of static resources served from a CDN. Source: WebPagetest - Learn more

Leverage browser caching

Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network. Source: PageSpeed Insights - Learn more

3 resources found

URL
https://cdn.inspectlet.com/inspectlet.js?wid=390958211&r=450352 ( 4 hours )
https://browser-update.org/update.min.js ( 1 day )
https://p.typekit.net/p.css?s=1&k=chj6lmw&ht=tk&f=10954.13456.18494.18495.18496.18497.18498.18499.45714&a=1501498&app=typekit&e=css ( 1 week )
...

Minify CSS

Minification refers to the process of removing unnecessary or redundant data in order to reduce file size without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on. Source: PageSpeed Insights - Learn more

Minify JavaScript

Minification refers to the process of removing unnecessary or redundant data in order to reduce file size without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on. Source: PageSpeed Insights - Learn more

Avoids an excessive DOM size2880 nodes

Number of elements in the document. Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth < 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer style calculations, and produce costly layout reflows. Source: Lighthouse - Learn more
  • Total DOM Nodes
    2,880
    target < 1,500 nodes
  • DOM Depth
    18
    target < 32
  • Maximum Children
    49
    target < 60 nodes

Compressed ImagesPotential savings of 2928 KB

The image compression check just looks at photo images and makes sure the quality isn't set too high. Images can usually be compressed pretty substantially without any noticeable reduction in visual quality. Source: Lighthouse - Learn more

ThumbnailsURLOriginalPotential Savings
https://mgh200.com/wp-content/uploads/2021/02/img-EY-Early-Days-02.jpg359 KB276 KB (76%)
https://mgh200.com/wp-content/uploads/2021/02/img-chapter-teaser-TY-04.jpg395 KB255 KB (64%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_epidemic_1875.jpg501 KB198 KB (39%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_family-life_1850.jpg369 KB166 KB (45%)
https://mgh200.com/wp-content/uploads/2021/02/img-chapter-teaser-TY-02.jpg301 KB158 KB (52%)
https://mgh200.com/wp-content/uploads/2021/02/img-chapter-teaser-TY-03.jpg255 KB147 KB (57%)
https://mgh200.com/wp-content/uploads/2021/02/img-EY-Sir-William-Osler-04.jpg227 KB143 KB (63%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_palmer-howard_1889.jpg842 KB115 KB (13%)
https://mgh200.com/wp-content/uploads/2021/02/img-chapter-teaser-TY-07.jpg203 KB114 KB (56%)
https://mgh200.com/wp-content/uploads/2021/02/img-chapter-teaser-TY-01-1.jpg176 KB105 KB (59%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_ladies-benevolent-institution_1909.jpg284 KB99 KB (34%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_children_1910.jpg286 KB99 KB (34%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_bridge_1858.jpg223 KB87 KB (39%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_Shepherd_1929.jpg198 KB85 KB (42%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_harbour_1880.jpg208 KB81 KB (39%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_nurses_1895.jpg199 KB79 KB (40%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_residents_1895.jpg188 KB78 KB (41%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_cityscape_1896.jpg188 KB78 KB (41%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_WardM_1904.jpg464 KB78 KB (16%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_Roddick_1882.jpg166 KB71 KB (42%)
https://mgh200.com/wp-content/uploads/2021/02/img-chapter-teaser-TY-08-1.jpg108 KB65 KB (60%)
https://mgh200.com/wp-content/uploads/2021/02/img-chapter-teaser-TY-06.jpg106 KB64 KB (60%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_duel.jpg399 KB54 KB (13%)
https://mgh200.com/wp-content/uploads/2021/02/gradient-bg-early-years-1.jpg80 KB53 KB (66%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_mance.jpg394 KB51 KB (12%)
https://mgh200.com/wp-content/themes/dstheme/assets/images/gradient-bg-turbulent-years.jpg64 KB43 KB (66%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_charter_1825.jpg356 KB41 KB (11%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_carbolic-acid-diffuser-e1615320855793.jpg137 KB30 KB (21%)
https://mgh200.com/wp-content/uploads/2021/02/MGH200_newspaper_1816.jpg36 KB4 KB (13%)
...

Uses Progressive JPEGsScore: 26 %

A progressive JPEG is image created using the JPEG suite of compression algorithms that will 'fade in' in successive waves of lines until the entire image has completely arrived. They show the entire image right away, looking slightly pixelated until the image data is fully loaded. Source: WebPagetest - Learn more

Properly Sized ImagesPotential savings of 19 KB

Serve images that are appropriately-sized to save cellular data and improve load time. Source: Lighthouse - Learn more

Offscreen images

Consider lazy-loading offscreen images to improve page load speed and time to interactive. Source: Lighthouse - Learn more

First impression

Eliminates render-blocking JavaScript and CSS in above-the-fold content

This rule triggers when detecting that your HTML references a blocking external resource / file in the above-the-fold portion of your page. Source: PageSpeed Insights - Learn more about JS - Learn more about CSS

Potential savings of 2,010 ms

URL
https://use.typekit.net/chj6lmw.css<\/span>
https://mgh200.com/wp-includes/css/dist/block-library/style.min.css?ver=5.7.1<\/span>
https://mgh200.com/wp-content/themes/dstheme/assets/styles.min.css?ver=1621269214<\/span>
https://mgh200.com/wp-includes/js/jquery/jquery.min.js?ver=3.5.1<\/span>
https://mgh200.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2<\/span>
...

Improves server response time

This rule triggers when detecting that your server response time is above 200 ms. Server response time measures how long it takes to load the necessary HTML to begin rendering the page from your server, subtracting out the network latency between Google and your server. Source: PageSpeed Insights - Learn more

Avoids landing page redirects

Redirects trigger an additional HTTP request-response cycle and delay page rendering. In the best case, each redirect will add a single round trip (HTTP request-response), and in the worst it may result in multiple additional roundtrips to perform the DNS lookup, TCP handshake, and TLS negotiation in addition to the additional HTTP request-response cycle. As a result, you should minimize use of redirects to improve site performance. Source: PageSpeed Insights - Learn more

Usability 56/100 Industry: Storytelling / Game

Brand logo linked to homepage

Fails if doesn't have a logo or clicking it doesn't lead you to homepage.

No ending trailing paths

Fails if doesn't provide at least one of the following: main navigation options on footers, fixed or 'smart' headers/burger-icon, Back to top or close buttons.

Active section is highlighted in navigation menus

Fails if current section or page is not visually highlighted in navigation menus, except for internal section pages where it's accepted not to highlight the parent section.

Contents are loaded on demand

Fails if the website doesn't provide at least one of the following loading techniques: lazy-loading, next/prev buttons, pages/chapters bullets nav.

Sound controlNot applicable

Fails if no audio on/off button, no warning about the website using sound -- eg in the preloader or splash page.

Website can be shared

Fails if doesn't provide sharing options. Doesn’t provide any of the following article meta information: title, description and image.

Prevent layout shiftings when loading media. Set width and height attributes on both <img> and <video> tags

Fails if transitioning from placeholders to final images change the rendered size of the element as media loads. Not using a solid color placeholder occupying the same dimensions as the target image, or techniques such as LQIP or SQIP that hint at the content of a media item before it loads. These changes can be disorienting for users and trigger expensive DOM layout operations that consume system resources and contribute to jank.

The most appropriate keyboard for the input type is provided first

Fails if most helpful keyboard not provided, i.e. input types text, tel, email, password, capitalization when appropiate, etc.

The website supports autofill for all form fields and the fields are tagged for the appropriate information from autofill

Fails if fields are not tagged for efficient browser-based autofill, making users enter data that is already known either by the website or the OS. Not filling a standard field or filling fields with the wrong content, i.e. puts house number and street name into the same field when there are separate fields for each.

All mistakes made in forms are clearly highlighted in real time, and instructions for correct completion are provided in real time

Fails if mistakes and guidance for correct completion are not highlighted in real time and/or error messages are ambiguous or unfriendly.

PWA / Best Practices 82/100

Avoids Application Cache

Application Cache is deprecated. Source: Lighthouse - Learn more

Avoids WebSQL DB

Web SQL is deprecated. Consider using IndexedDB instead. Source: Lighthouse - Learn more

Avoids requesting the geolocation permission on page load

Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. Source: Lighthouse - Learn more

robots.txt is valid

If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. Source: Lighthouse

Avoids requesting the notification permission on page load

Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. Source: Lighthouse - Learn more

Avoids deprecated APIs

Deprecated APIs will eventually be removed from the browser. Source: Lighthouse - Learn more

Allows to paste into password input fields

The main reason why password pasting improves security is because it helps to reduce password overload. Source: Lighthouse - Learn more

Registers a Service Worker

The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. Source: Lighthouse - Learn more

Responds with a 200 when offline

If you're building a Progressive Web App, consider using a service worker so that your app can work offline. Source: Lighthouse - Learn more

Uses HTTPS

All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. Source: Lighthouse - Learn more

Redirects HTTP traffic to HTTPS

If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. Source: Lighthouse - Learn more

Uses HTTP/2 for its own resources

HTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. Source: Lighthouse - Learn more

Uses passive listeners to improve scrolling performance

Mark your touch and wheel event listeners as `passive` to improve your page's scroll performance. Source: Lighthouse - Learn more

Avoid using document.write()

For users on slow connections, external scripts dynamically injected via document.write() can delay page load by tens of seconds. Source: Lighthouse - Learn more

Manifest's short_name won't be truncated when displayed on homescreen

Make your app's short_name fewer than 12 characters to ensure that it's not truncated on homescreens. Source: Lighthouse - Learn more

Configured for a custom splash screen

A default splash screen will be constructed for your app, but satisfying these requirements guarantee a high-quality splash screen that transitions the user from tapping the home screen icon to your app's first paint. Source: Lighthouse - Learn more

User can be prompted to Install the Web App

Browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. Source: Lighthouse - Learn more
Report created on May 17, 2021, 20:08 PM GMT+0 in 11 min.

This report was built manually by Awwwards experts taking care personally of every detail using several Google and 3rd-party audit tools and services for metrics, web performance optimization and best practices for mobile design and development.

Loading time vary depending on network, device, server, site design, and implementation.

These are the environments used to create this report:

Webpagetest Test Location Virginia USA - EC2
Browser Chrome - Emulated Motorola G (gen 4)
Connection Mobile 3G (1.6 Mbps / 768 Kbps 300ms RTT)
Number of Runs 1
User Agent Default
Lighthouse User agent Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36
Device Emulation Emulated Nexus 5X
Network Throttling 150ms TCP RTT, 1,638.4 Kbps throughput (Simulated)
CPU Throttling 4x slowdown (Simulated)
PageSpeed Insights EnvironmentMobile