Webpage Performance Test Result

WebPageTest ran 13 diagnostic checks related to this category and found 11 opportunities.

1. This test had a slow first-byte time.

   First byte timing relates to DNS, network latency, and the time it takes a server to connect and return a response.

   Relevant Tips

   • Check for accuracy! Preserve original User Agent string in re-run

     Some networks and sites intentionally slow performance for bots like the WebPageTest agent. If you suspect this is happening, look for the the rerun test menu at the top of the page and try re-running this test with its UA preserved before running experiments.

   • Use server timing headers to identify slow server tasks

     Server timing headers are designed to pass custom logging information to the client. More info on MDN
2. 4 JavaScript files are blocking page rendering.

   By default, references to external JavaScript files will block the page from rendering while they are fetched and executed. Often, these files can be loaded in a different manner, freeing up the page to visually render sooner.

   • /ajax/libs/popper.js/1.0.4/popper.js
   • /ajax/libs/FileSaver.js/1.3.8/FileSaver.js
   • /ajax/libs/jquery/2.1.4/jquery.min.js
   • /fiaIPService/iipsvc/?format=jsonp&callback=getIP

   Relevant Experiments

   • Defer Render-Blocking Scripts

     This experiment adds a defer attribute to render-blocking scripts, causing the browser to fetch them in parallel while showing the page. Deferred scripts still execute in the order they are defined in source. Example implementation: <script src="/ajax/libs/popper.js/1.0.4/popper.js" defer></script>

     Assets included in experiment:

     1. /ajax/libs/popper.js/1.0.4/popper.js
     2. /ajax/libs/FileSaver.js/1.3.8/FileSaver.js
     3. /ajax/libs/jquery/2.1.4/jquery.min.js
     4. /fiaIPService/iipsvc/?format=jsonp&callback=getIP
     Run This Experiment!

   • Async Render-Blocking Scripts

     This experiment adds an async attribute to render-blocking scripts, causing the browser to fetch them in parallel while showing the page. Async scripts are not guaranteed to execute in the order they are defined in source. Example implementation: <script src="/ajax/libs/popper.js/1.0.4/popper.js" async></script>

     Assets included in experiment:

     1. /ajax/libs/popper.js/1.0.4/popper.js
     2. /ajax/libs/FileSaver.js/1.3.8/FileSaver.js
     3. /ajax/libs/jquery/2.1.4/jquery.min.js
     4. /fiaIPService/iipsvc/?format=jsonp&callback=getIP
     Login to WebPageTest to run Pro experiments.

   • Inline Render-Blocking Scripts

     This experiment embeds the contents of specified external scripts directly into the HTML within a script element. This increases the size of the HTML, but can often allow page page to display sooner by avoiding server round trips.Example implementation: <script>/* contents from /ajax/libs/popper.js/1.0.4/popper.js here...*/</script>

     Assets included in experiment:

     1. /ajax/libs/popper.js/1.0.4/popper.js
     2. /ajax/libs/FileSaver.js/1.3.8/FileSaver.js
     3. /ajax/libs/jquery/2.1.4/jquery.min.js
     4. /fiaIPService/iipsvc/?format=jsonp&callback=getIP
     Login to WebPageTest to run Pro experiments.
3. 4 externally-referenced CSS files are blocking page rendering.

   By default, references to external CSS files will block the page from rendering while they are fetched and executed. Sometimes these files _should_ block rendering, but can be inlined to avoid additional round-trips while the page is waiting to render. Sometimes, such as with stylesheets that are only used for loading custom fonts, inline or async CSS can greatly improve perceived performance.

   • /home/styles.cdbbc2f6c1d16ace0498.css
   • /font-awesome/4.7.0/css/font-awesome.min.css
   • /css?family=Roboto:300,400,500
   • /icon?family=Material+Icons

   Relevant Experiments

   • Inline external CSS

     This experiment embeds the contents of specified external stylesheets directly into the HTML within a style element. This increases the size of the HTML, but can often allow page page to display sooner by avoiding server round trips. Note: The inline experiment may break relative references to images and other assets in the CSS. These would need proper path changes in production.

     Assets included in experiment:

     1. /home/styles.cdbbc2f6c1d16ace0498.css
     2. /font-awesome/4.7.0/css/font-awesome.min.css
     3. /css?family=Roboto:300,400,500
     4. /icon?family=Material+Icons
     Login to WebPageTest to run Pro experiments.

   • Load CSS Asynchronously

     This experiment loads specified stylesheets in a way that allows the page to begin rendering while they are still loading. Note that this may cause a flash of unstyled content.

     Assets included in experiment:

     1. /home/styles.cdbbc2f6c1d16ace0498.css
     2. /font-awesome/4.7.0/css/font-awesome.min.css
     3. /css?family=Roboto:300,400,500
     4. /icon?family=Material+Icons
     Login to WebPageTest to run Pro experiments.
4. Largest Contentful Paint is high (over 2.5s).

   The element driving your LCP is a background image. Some optimizations can help that image fetch earlier.

   • LCP Image: https://mymdthink.maryland.gov/home/1.8451a0fc613c635656be.jpg

   Relevant Experiments

   • Preload LCP Image

     This experiment adds a <link rel="preload" as="image" href="https://mymdthink.maryland.gov/home/1.8451a0fc613c635656be.jpg"> to the head of your HTML document, causing browsers to request the image earlier and at a higher priority than it otherwise might.

     Assets included in experiment:

     1. https://mymdthink.maryland.gov/home/1.8451a0fc613c635656be.jpg
     Login to WebPageTest to run Pro experiments.
5. Zero render-critical images are lazy-loaded.

   When images are lazy-loaded using loading="lazy", they will be requested after the layout is established, which is too late for images in the critical window.
6. Images outside the critical viewport can be lazy-loaded.

   When images are lazy-loaded using loading="lazy", when they scroll into the viewport, freeing up early load for other tasks.

   • assets/images/CP_Icons_Family_Family_Services.png
   • assets/images/CP_Icons_Health_Health_Disability_Services.png
   • assets/images/CP_Icons_Jobs_Jobs_Unemployment.png
   • assets/images/CP_Icons_Food_Food_Cash_Assistance.png
   • assets/images/CP_Icons_Protective_Child_Protective_Services.png
   • assets/images/CP_Icons_Adult_Adult_Services.png
   • assets/images/CP_Icons_Housing_Housing_Energy_Assistance.png
   • assets/images/CP_Icons_Vendors_Vendors_Partners.png
   • assets/images/mdthink.png

   Relevant Experiments

   • Add loading="lazy" to images

     This experiment adds loading="lazy" attributes to images that are outside the viewport at load.

     Assets included in experiment:

     Select allUnselect all

     1. assets/images/CP_Icons_Family_Family_Services.png
     2. assets/images/CP_Icons_Health_Health_Disability_Services.png
     3. assets/images/CP_Icons_Jobs_Jobs_Unemployment.png
     4. assets/images/CP_Icons_Food_Food_Cash_Assistance.png
     5. assets/images/CP_Icons_Protective_Child_Protective_Services.png
     6. assets/images/CP_Icons_Adult_Adult_Services.png
     7. assets/images/CP_Icons_Housing_Housing_Energy_Assistance.png
     8. assets/images/CP_Icons_Vendors_Vendors_Partners.png
     9. assets/images/mdthink.png
     Login to WebPageTest to run Pro experiments.
7. Several fonts are loaded with settings that hide text while they are loading.

   When fonts are loaded with default display settings, like font-display="block", browsers will hide text entirely for several seconds instead of showing text with a fallback font.

   • Roboto 400 normal
   • Roboto 500 normal
   • Material Icons 400 normal
   • FontAwesome 400 normal
   • montBold normal normal
   • montMedium normal normal
   • montMediumItalic normal normal
   • montRegular normal normal
   • myFirstFont normal normal

   Relevant Experiments

   • Add font-display: swap

     This experiment adds font-display="swap" to custom fonts to show text sooner.

     Assets included in experiment:
     Login to WebPageTest to run Pro experiments.
8. 1 font is hosted on 3rd-party hosts

   Fonts on 3rd party domains may take longer to load due to DNS and connection steps that are not necessary when fonts are hosted on the same domain.

   • https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2

   Relevant Experiments

   • Self-Host 3rd Party Files

     This experiment will fetch specified files server-side and reference them on the same domain. Note: the overrides happen at the host level, so any requests from that host will now be self-hosted.

     Assets included in experiment:

     1. fonts.gstatic.com
     Login to WebPageTest to run Pro experiments.

   • Preconnect 3rd Party Hosts

     This experiment will add a link with rel="preconnect" for specified hosts, which saves time for those steps when the resource is later requested.

     Assets included in experiment:

     1. fonts.gstatic.com
     Login to WebPageTest to run Pro experiments.

   • Preload 3rd Party Files

     This experiment will add a link with rel="preload" for specified hosts, causing the browser to fetch the file early and at a high priority.

     Assets included in experiment:

     1. https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2
     Login to WebPageTest to run Pro experiments.

   • Make Fonts Timeout

     This experiment directs specified hosts to WebPageTest's blackhole server, which will hang indefinitely until timing out. Use this experiment to test your site's ability to display fallback text if fonts do not load quickly.

     Assets included in experiment:

     1. fonts.gstatic.com
     Login to WebPageTest to run Pro experiments.
9. Zero unused preloads were found.

   Preloaded resources are fetched at a high priority, delaying the arrival of other resources in the page. In the case where a preloaded resource is never actually used by the page, that means potentially critical requests will be delayed, slowing down the initial loading of your site.
10. 34 files were hosted without using a CDN.

    A Content Delivery Network (CDN) distributes a website's files throughout the world, reducing request latency. These files do not use a CDN:

    • https://mydhr.mymdthink.maryland.gov/fiaIPService/iipsvc/?format=jsonp&callback=getIP
    • https://mymdthink.maryland.gov/home/scripts.09b030ae533121b6ccf5.js
    • https://mymdthink.maryland.gov/home/Montserrat-Regular.65bc44fbf8204991497c.otf
    • https://mymdthink.maryland.gov/api/application-process/user-analytics/
    • https://mymdthink.maryland.gov/home/1.8451a0fc613c635656be.jpg
    • https://mymdthink.maryland.gov/home/dhs_bottom.0853885d511123e6084b.jpg
    • https://mymdthink.maryland.gov/api/unauthenticated/bulletinboard
    • https://mymdthink.maryland.gov/api/unauthenticated/bulletinboard
    • https://mymdthink.maryland.gov/home/assets/images/mdgov-logo-black.png
    • https://mymdthink.maryland.gov/home/assets/Icons/CPHelpIcon.png
    • https://mymdthink.maryland.gov/home/assets/Icons/CPInfoIcon.png
    • https://mymdthink.maryland.gov/home/assets/Icons/CPFIABenefitIcon.png
    • https://mymdthink.maryland.gov/home/assets/Icons/CPCSBenefitIcon.png
    • https://mymdthink.maryland.gov/home/styles.cdbbc2f6c1d16ace0498.css
    • https://mymdthink.maryland.gov/home/assets/Icons/CPMedicaidIcon.png
    • https://mymdthink.maryland.gov/home/assets/Icons/CPContactCustSerIcon.png
    • https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Family_Family_Services.png
    • https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Health_Health_Disability_Services.png
    • https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Jobs_Jobs_Unemployment.png
    • https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Food_Food_Cash_Assistance.png
    • https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Protective_Child_Protective_Services.png
    • https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Adult_Adult_Services.png
    • https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Housing_Housing_Energy_Assistance.png
    • https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Vendors_Vendors_Partners.png
    • https://mymdthink.maryland.gov/home/runtime-es2015.1eba213af0b233498d9d.js
    • https://mymdthink.maryland.gov/home/assets/images/mdthink.png
    • https://mymdthink.maryland.gov/home/Montserrat-Medium.4b4a4b36283ebeb2cf89.otf
    • https://mymdthink.maryland.gov/home/fontawesome-webfont.20fd1704ea223900efa9.woff2?v=4.7.0
    • https://mymdthink.maryland.gov/home/Montserrat-MediumItalic.a6957644691316df2ef6.otf
    • https://mymdthink.maryland.gov/home/Montserrat-Bold.a6bc51efd33e2f7f1b95.otf
    • https://mymdthink.maryland.gov/home/assets/images/mdthink-new-logo.png
    • https://mymdthink.maryland.gov/home/polyfills-es2015.a8046c40dc5dd69be745.js
    • https://mymdthink.maryland.gov/home/assets/images/favicon.ico
    • https://mymdthink.maryland.gov/home/main-es2015.9ee8d62f68e35db33272.js
11. 37 static files have inadequate cache settings.

    Cache settings can instruct browsers and intermediaries to store recent versions of a site's static files (JavaScript, CSS, Images, fonts...) for reuse, reducing page weight and latency.

    • FAILED (No max-age or expires): https://mydhr.mymdthink.maryland.gov/fiaIPService/iipsvc/?format=jsonp&callback=getIP
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/scripts.09b030ae533121b6ccf5.js
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/Montserrat-Regular.65bc44fbf8204991497c.otf
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/api/application-process/user-analytics/
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/1.8451a0fc613c635656be.jpg
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/dhs_bottom.0853885d511123e6084b.jpg
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/api/unauthenticated/bulletinboard
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/mdgov-logo-black.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/Icons/CPHelpIcon.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/Icons/CPInfoIcon.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/Icons/CPFIABenefitIcon.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/Icons/CPCSBenefitIcon.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/styles.cdbbc2f6c1d16ace0498.css
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/Icons/CPMedicaidIcon.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/Icons/CPContactCustSerIcon.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Family_Family_Services.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Health_Health_Disability_Services.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Jobs_Jobs_Unemployment.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Food_Food_Cash_Assistance.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Protective_Child_Protective_Services.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Adult_Adult_Services.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Housing_Housing_Energy_Assistance.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/CP_Icons_Vendors_Vendors_Partners.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/runtime-es2015.1eba213af0b233498d9d.js
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/mdthink.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/Montserrat-Medium.4b4a4b36283ebeb2cf89.otf
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/fontawesome-webfont.20fd1704ea223900efa9.woff2?v=4.7.0
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/Montserrat-MediumItalic.a6957644691316df2ef6.otf
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/Montserrat-Bold.a6bc51efd33e2f7f1b95.otf
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/mdthink-new-logo.png
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/polyfills-es2015.a8046c40dc5dd69be745.js
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/assets/images/favicon.ico
    • FAILED (No max-age or expires): https://mymdthink.maryland.gov/home/main-es2015.9ee8d62f68e35db33272.js
    • FAILED (No max-age or expires): https://translate-pa.googleapis.com/v1/supportedLanguages?client=te&display_language=en-US&key=AIzaSyBWDj0QJvVIx8XOhRegXX5_SrRWxhT5Hs4&callback=callback
    • WARNING (24.0 hours): https://fonts.googleapis.com/css?family=Roboto:300,400,500
    • WARNING (24.0 hours): https://fonts.googleapis.com/icon?family=Material+Icons
    • FAILED (15.0 minutes): https://www.googletagmanager.com/gtag/js?id=G-QDRQ6H1MNE
12. 3 requests are resulting in an HTTP redirect.

    HTTP redirects can result in additional DNS resolution, TCP connection and HTTPS negotiation times, making them very costly for performance, particularly on high latency networks.

    • FROM: https://mymdthink.maryland.gov/ TO: 302
    • FROM: https://mymdthink.maryland.gov/home TO: e: AWSALBTG=+F1lrLWjjv79KrvvyrrFwIWNhJ8GXHbSLmXCraF6a/ajqkNAnP5gAvhq5eDWZNxgKx0ZkSjp95LW02Gk6FkebeaCTHe/L8VSpCN0PWqlzlmN7ON8AiXY/VeI6+wfHKlFA2YPajnqiIuNYBuSIr9zOpvjiOFnIidwZFs4Xs2BiWFvzz6Yl+c=; Expires=Mon, 12 Aug 2024 03:46:49 GMT; Path=/
    • FROM: https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js TO: 301

    Relevant Experiments

    • Remove Redirect on First Request

      This experiment will replace the initial url with its redirected location, demonstrating time saved when no redirect is in play.

      Assets included in experiment:

      1. https://mymdthink.maryland.gov/home
      Login to WebPageTest to run Pro experiments.
13. Final HTML (DOM) size is significantly larger than initially delivered HTML (152.36kb larger, or 98.28% of total HTML).

    Typically this is due to over-reliance on JavaScript for generating content, but increases can also happen as a result of browsers normalizing HTML structure as well. When critical HTML content is generated with JavaScript in the browser, several performance bottlenecks can arise:

    • Before content can be generated client-side, the browser must first parse, evaluate, and sometimes also request JavaScript over the network. These steps occur after the HTML is initially delivered, and can incur long delays depending on the device.
    • If the generated HTML contains references to external assets (images for example), the browser will not be able to discover and request them as early as desired.

    Relevant Experiments

    • Mimic Pre-rendered HTML

      This experiment mimics server-generated HTML by swapping the initial HTML with the fully rendered HTML from this test run. Note: this will very likely break site behavior, but is potentially useful for comparing early metrics and assessing whether moving logic to the server is worth the effort.

      Assets included in experiment:

      1. 240805_BiDc66_389
      Login to WebPageTest to run Pro experiments.

WebPageTest ran 5 diagnostic checks related to this category and found 4 opportunities.

1. Layout shifts exist and may be caused by images missing aspect ratio.

   The CLS score is 0.068. 2 layout-critical images are lacking an aspect ratio, meaning the browser has no way of knowing how tall or wide an image is until it loads. This can cause content to shift as the image loads.

   • assets/images/mdgov-logo-black.png
   • assets/images/mdthink-new-logo.png

   Relevant Experiments

   • Add Aspect Ratio to Images

     This experiment adds width="..." and height="..." attributes to specified images, matching their natural width and height, to provide an aspect ratio.

     Assets included in experiment:

     1. assets/images/mdgov-logo-black.png
     2. assets/images/mdthink-new-logo.png
     Login to WebPageTest to run Pro experiments.
2. The main thread was blocked for 942 ms

   When files block the main thread, users are unable to interact with the page content. Typically, parsing and executing large JavaScript files, as well as running long JavaScript tasks can block the main thread and should be avoided. These files had high thread blocking times:

   • 125 ms: https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
   • 208 ms: https://www.googletagmanager.com/gtag/js?id=G-QDRQ6H1MNE
   • 1231 ms: https://mymdthink.maryland.gov/home/polyfills-es2015.a8046c40dc5dd69be745.js
   • 214 ms: https://mymdthink.maryland.gov/home/scripts.09b030ae533121b6ccf5.js
   • 69 ms: https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit
   • 281 ms: https://translate.googleapis.com/_/translate_http/_/js/k=translate_http.tr.en_US.Hn50pLBoZLM.O/am=AIA/d=1/exm=el_conf/ed=1/rs=AN8SPfqFz6XFJEOaHvHc60_YTCYn6UQ-vQ/m=el_main

   Relevant Experiments

   • Block Specific Requests

     This experiment causes specified requests to fail immediately, allowing you to test the usability impact of particular problematic scripts.

     Assets included in experiment:

     1. https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
     2. https://www.googletagmanager.com/gtag/js?id=G-QDRQ6H1MNE
     3. https://mymdthink.maryland.gov/home/polyfills-es2015.a8046c40dc5dd69be745.js
     4. https://mymdthink.maryland.gov/home/scripts.09b030ae533121b6ccf5.js
     5. https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit
     6. https://translate.googleapis.com/_/translate_http/_/js/k=translate_http.tr.en_US.Hn50pLBoZLM.O/am=AIA/d=1/exm=el_conf/ed=1/rs=AN8SPfqFz6XFJEOaHvHc60_YTCYn6UQ-vQ/m=el_main
     Login to WebPageTest to run Pro experiments.
3. Meta Viewport tag is configured properly.

   A meta viewport tag will help a mobile-friendly site scale and display properly on small screen devices.
4. Accessibility Issues were Detected

   Axe found 1 accessibility issues: 1 serious,

   Relevant Tips

   • Make the following changes to improve accessibility:

     serious Elements must have sufficient color contrast More info

     • Fix any of the following: Element has insufficient color contrast of 3.86 (foreground color: #ffffff, background color: #dc5800, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1<span _ngcontent-vix-c3="" class="material-icons notranslate" style="font-size: 0.8em;">warning</span>
     • Fix any of the following: Element has insufficient color contrast of 3.86 (foreground color: #ffffff, background color: #dc5800, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1<span _ngcontent-vix-c3="" class="mdg-alert-style" style="text-transform:initial;">myMDTHINK Account Registration Updates</span>
     • Fix any of the following: Element has insufficient color contrast of 3.86 (foreground color: #ffffff, background color: #dc5800, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1<span _ngcontent-vix-c3="" aria-label="Maryland SUN Bucks" aria-labelledby="Maryland SUN Bucks" class="EBT-position m-l-10 notranslate m-r-10 pull-right ng-star-inserted" mattooltip="Maryland SUN Bucks" style="user-select: none; -webkit-user-drag: none; touch-action: none; -webkit-tap-highlight-color: transparent;">
     • Fix any of the following: Element has insufficient color contrast of 3.86 (foreground color: #ffffff, background color: #dc5800, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1<span _ngcontent-vix-c3="" aria-label="Replace my EBT Stolen Benefits" aria-labelledby="Replace my EBT Stolen Benefits" class="EBT-position notranslate pull-right ng-star-inserted" mattooltip="Replace my EBT Stolen Benefits" style="user-select: none; -webkit-user-drag: none; touch-action: none; -webkit-tap-highlight-color: transparent;">
5. Final HTML (DOM) size is significantly larger than initially delivered HTML (152.36kb larger, or 98.28% of total HTML).

   Typically this is due to over-reliance on JavaScript for generating content, but increases can also happen as a result of browsers normalizing HTML structure as well. When critical HTML content is generated with JavaScript in the browser, it can increase the time it takes for content to be made accessible to assistive technology such as screen readers.

   Relevant Tips

   • Look for ways to deliver more HTML content from the start

     Many modern frameworks offer patterns for generating useful HTML on the server.

WebPageTest ran 4 diagnostic checks related to this category and found 3 opportunities.

1. Potential SPOF: 8 3rd-party requests are blocking page rendering.

   By default, references to external JavaScript and CSS files will block the page from rendering. Third-party blocking requests are particularly risky, as your page's access relies on their response time and availability.'

   • https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js
   • https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.js
   • https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
   • https://fonts.googleapis.com/css?family=Roboto:300,400,500
   • https://fonts.googleapis.com/icon?family=Material+Icons
   • https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
   • https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js
   • https://mydhr.mymdthink.maryland.gov/fiaIPService/iipsvc/?format=jsonp&callback=getIP

   Relevant Experiments

   • Preconnect 3rd Party Hosts

     This experiment will add a link with rel="preconnect" for specified hosts, which saves time for those steps when the resource is later requested.

     Assets included in experiment:

     1. cdnjs.cloudflare.com
     2. maxcdn.bootstrapcdn.com
     3. fonts.googleapis.com
     4. ajax.googleapis.com
     5. cdn.rawgit.com
     6. mydhr.mymdthink.maryland.gov
     Login to WebPageTest to run Pro experiments.

   • Preload 3rd Party Files

     This experiment will add a link with rel="preload" for specified files, causing the browser to fetch the file early and at a high priority.

     Assets included in experiment:

     Select allUnselect all

     1. https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js
     2. https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.js
     3. https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
     4. https://fonts.googleapis.com/css?family=Roboto:300,400,500
     5. https://fonts.googleapis.com/icon?family=Material+Icons
     6. https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
     7. https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js
     8. https://mydhr.mymdthink.maryland.gov/fiaIPService/iipsvc/?format=jsonp&callback=getIP
     Login to WebPageTest to run Pro experiments.

   • Self Host 3rd Party Files

     This experiment will fetch these files server-side and reference them on the same domain. Note: the overrides happen at the host level, so any requests from that host will now be self-hosted.

     Assets included in experiment:

     1. cdnjs.cloudflare.com
     2. maxcdn.bootstrapcdn.com
     3. fonts.googleapis.com
     4. ajax.googleapis.com
     5. cdn.rawgit.com
     6. mydhr.mymdthink.maryland.gov
     Login to WebPageTest to run Pro experiments.

   • Make Scripts Timeout

     This experiment directs specified hosts to WebPageTest's blackhole server, which will hang indefinitely until timing out. Use this experiment to test your site's ability to serve content if these services hang.

     Assets included in experiment:

     1. cdnjs.cloudflare.com
     2. maxcdn.bootstrapcdn.com
     3. fonts.googleapis.com
     4. ajax.googleapis.com
     5. cdn.rawgit.com
     6. mydhr.mymdthink.maryland.gov
     Login to WebPageTest to run Pro experiments.

   • Block Scripts

     This experiment causes specified requests to fail immediately. Use this experiment to test your site's ability to serve content if these services are unavailable.

     Assets included in experiment:

     Select allUnselect all

     1. https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js
     2. https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.js
     3. https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
     4. https://fonts.googleapis.com/css?family=Roboto:300,400,500
     5. https://fonts.googleapis.com/icon?family=Material+Icons
     6. https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
     7. https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js
     8. https://mydhr.mymdthink.maryland.gov/fiaIPService/iipsvc/?format=jsonp&callback=getIP
     Login to WebPageTest to run Pro experiments.
2. Several security vulnerabilies were detected by Snyk

   Snyk has found 2 security vulnerabilities: 0 high, 2 medium, 0 low.

   Relevant Tips

   • Update the following JavaScript packages

     • medium jquery 3.4.1 View recommendation on Snyk
     • medium jquery 3.4.1 View recommendation on Snyk
3. Zero resources were found that were loaded over an insecure connection.

   Loading requests over HTTPS necessary for ensuring data integrity, protecting users personal information, providing core critical security, and providing access to many new browser features.
4. Final HTML (DOM) size is significantly larger than initially delivered HTML (152.36kb larger, or 98.28% of total HTML).

   Typically this is due to over-reliance on JavaScript for generating content, but increases can also happen as a result of browsers normalizing HTML structure as well. Common issues such as JavaScript errors and third-party network delays and outages can present potential single points of failure.

   Relevant Experiments

   • Disable Scripts

     This experiment makes all scripts (inline and external) unrecognizable as javascript by the browser in order to demonstrate whether the site will still be usable if JavaScript fails to properly run.

     Assets included in experiment:
     Login to WebPageTest to run Pro experiments.

   • Make Scripts Timeout

     This experiment directs specified requests to WebPageTest's blackhole server, which will hang indefinitely until timing out. Use this experiment to test your site's ability to serve content if these services hang.

     Assets included in experiment:

     1. cdnjs.cloudflare.com
     2. ajax.googleapis.com
     3. mydhr.mymdthink.maryland.gov
     4. www.googletagmanager.com
     5. translate.google.com
     6. translate.googleapis.com
     7. translate-pa.googleapis.com
     Login to WebPageTest to run Pro experiments.

   • Block Script Requests

     This experiment causes specified requests to fail immediately. Use this experiment to test your site's ability to serve content if these services are unavailable.

     Assets included in experiment:

     Select allUnselect all

     1. /home/runtime-es2015.1eba213af0b233498d9d.js
     2. /home/polyfills-es2015.a8046c40dc5dd69be745.js
     3. /home/main-es2015.9ee8d62f68e35db33272.js
     4. /ajax/libs/popper.js/1.0.4/popper.js
     5. /ajax/libs/FileSaver.js/1.3.8/FileSaver.js
     6. /ajax/libs/jquery/2.1.4/jquery.min.js
     7. /fiaIPService/iipsvc/?format=jsonp&callback=getIP
     8. /home/scripts.09b030ae533121b6ccf5.js
     9. /gtag/js?id=G-QDRQ6H1MNE
     10. /translate_a/element.js?cb=googleTranslateElementInit
     11. /_/translate_http/_/js/k=translate_http.tr.en_US.Hn50pLBoZLM.O/am=AIA/d=1/exm=el_conf/ed=1/rs=AN8SPfqFz6XFJEOaHvHc60_YTCYn6UQ-vQ/m=el_main
     12. /v1/supportedLanguages?client=te&display_language=en-US&key=AIzaSyBWDj0QJvVIx8XOhRegXX5_SrRWxhT5Hs4&callback=callback
     Login to WebPageTest to run Pro experiments.