https://michalak.world/ en https://michalak.world/article/drupal-8-performance-tuning <span>Drupal 8 Performance Tuning</span> <span><span>useradmin</span></span> <span>Wed, 04/17/2019 - 05:50</span> <div class="primary-image field field--name-field-image field--type-image field--label-above"> <div class="field__label">Image</div> <div class="field__item"> <img loading="lazy" src="/sites/default/files/2019-04/Slow-Drupal-Website.jpg" width="5472" height="3648" alt="" /> </div> </div> <div class="text-content clearfix field field--name-body field--type-text-with-summary field--label-above"> <div class="field__label">Body</div> <div class="field__item"><p>This week I started a mini project to optimize a slow Drupal 8 website.   </p> <figure role="group" class="align-center caption"><img alt="Image removed." data-entity-type="file" data-entity-uuid="630c28a2-34db-4ffa-bc1b-4546ea166739" height="16" src="/sites/default/files/inline-images/Drupal-8-Performance-Update.png" width="16" title="This image has been removed. For security reasons, only images from the local domain are allowed." class="filter-image-invalid" /><figcaption>Dev vs Prod (Baseline is Red)</figcaption></figure><p>The issue, various parts of the website are taking 10, 20 and even 30 seconds to load.  Wow, long time.</p> <p>My first round of updates to the Drupal configuration and code took off 15 - 20 seconds of page load time.  Then after the second review of assets loading on the page, I was able to knock off about 3 MB of loaded resources.  Now the page load must faster and is much lighter.</p> <p>Here is a before and after comparison of page size, request sand load time:</p> <figure role="group" class="align-center caption"><img alt="Image removed." data-entity-type="file" data-entity-uuid="4e280384-1c92-42e4-8673-4d7949a1cfc0" height="16" src="/sites/default/files/inline-images/before-after.png" width="16" title="This image has been removed. For security reasons, only images from the local domain are allowed." class="filter-image-invalid" /><figcaption>Before and After Page Stats</figcaption></figure><p>Next steps, to go back through the requests that are sent, and then to review the hosting configuration.</p> <p> </p></div> </div> <section data-drupal-selector="comments" class="comments"> <h2 class="comments__title">Comments</h2> <div class="add-comment"> <div class="add-comment__form"> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=60&amp;2=comment&amp;3=comment" token="IZ4yFW8_t8BFL8E1YAJLLzWcyJd1zJjhr21homSciWY"></drupal-render-placeholder> </div> </div> </section> <div class="field field--name-field-tags field--type-entity-reference field--label-above field--tags"> <h3 class="field__label field--tags__label">Tags</h3> <ul class="links field__items field--tags__items"> <li class="field--tags__item"><div> <h2><a href="/tag/drupal"> <div class="field field--name-name field--type-string field--label-hidden field__item">Drupal</div> </a></h2> </div> </li> <li class="field--tags__item"><div> <h2><a href="/tag/drupal-8"> <div class="field field--name-name field--type-string field--label-hidden field__item">Drupal 8</div> </a></h2> </div> </li> <li class="field--tags__item"><div> <h2><a href="/tag/drupal-development"> <div class="field field--name-name field--type-string field--label-hidden field__item">Drupal Development</div> </a></h2> </div> </li> <li class="field--tags__item"><div> <h2><a href="/tag/drupal-performance"> <div class="field field--name-name field--type-string field--label-hidden field__item">Drupal Performance</div> </a></h2> </div> </li> <li class="field--tags__item"><div> <h2><a href="/tag/google"> <div class="field field--name-name field--type-string field--label-hidden field__item">Google</div> </a></h2> </div> </li> <li class="field--tags__item"><div> <h2><a href="/tag/update"> <div class="field field--name-name field--type-string field--label-hidden field__item">Update</div> </a></h2> </div> </li> </ul> </div> Wed, 17 Apr 2019 10:50:48 +0000 useradmin 60 at https://michalak.world https://michalak.world/article/google-chrome-ignoring-autocomplete <span>Google Chrome Ignoring Autocomplete</span> <span><span>useradmin</span></span> <span>Sat, 02/02/2019 - 13:01</span> <div class="primary-image field field--name-field-image field--type-image field--label-above"> <div class="field__label">Image</div> <div class="field__item"> <img loading="lazy" src="/sites/default/files/2019-02/Depositphotos_40145569_xl-2015.jpg" width="3446" height="2443" alt="Google Icons" /> </div> </div> <div class="text-content clearfix field field--name-body field--type-text-with-summary field--label-above"> <div class="field__label">Body</div> <div class="field__item"><p>While working on a Drupal Commerce project, I came across an interesting issue during checkout. My client’s coupon field keeps getting populated with a user’s country when they use autofill to fill out their address.</p> <p>Upon working through disabling the autofill or autocomplete feature on the coupon field, the new version of Google’s browser Google Chrome ignores the autocomplete=off setting.</p> <p>The solution to this problem was to update the autocomplete attribute with a string other than ‘off.’</p> <p><strong>Correct way, but ignored by Google:</strong></p> <p>&lt;input type="text" name="commerce_coupon" autocomplete="off"&gt;</p> <p><strong>Updated way to work with the latest Google Chrome:</strong></p> <p>&lt;input type="text" name="commerce_coupon" autocomplete="new-string"&gt;</p> <p>Original Post: https://www.linkedin.com/pulse/google-chrome-ignoring-autocomplete-mike-michalak/</p></div> </div> <section data-drupal-selector="comments" class="comments"> <h2 class="comments__title">Comments</h2> <div class="add-comment"> <div class="add-comment__form"> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=42&amp;2=comment&amp;3=comment" token="l4vtiOaP4z6mvzoo84Y-o3cbFdPK-FA0EsaKW-F5v4w"></drupal-render-placeholder> </div> </div> </section> <div class="field field--name-field-tags field--type-entity-reference field--label-above field--tags"> <h3 class="field__label field--tags__label">Tags</h3> <ul class="links field__items field--tags__items"> <li class="field--tags__item"><div> <h2><a href="/tag/google"> <div class="field field--name-name field--type-string field--label-hidden field__item">Google</div> </a></h2> </div> </li> <li class="field--tags__item"><div> <h2><a href="/tag/drupal-development"> <div class="field field--name-name field--type-string field--label-hidden field__item">Drupal Development</div> </a></h2> </div> </li> </ul> </div> Sat, 02 Feb 2019 19:01:56 +0000 useradmin 42 at https://michalak.world https://michalak.world/article/google-chrome-ignoring-autocomplete#comments