Benchmark: html TextEncoder().encode

Tests:

plain length
str2ab(`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1" name="viewport"> <meta name="x-apple-disable-message-reformatting"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="telephone=no" name="format-detection"> <title></title>     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Montserrat:500,800&display=swap&subset=cyrillic-ext" rel="stylesheet">  </head> <body> <div dir="ltr" class="es-wrapper-color">  <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="esd-email-paddings" valign="top"> <table class="esd-header-popover es-header" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table class="es-header-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center"> <tbody> <tr> <td class="esd-structure es-p20" align="left" esd-custom-block-id="1049117"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="es-m-p0r esd-container-frame" width="560" valign="top" align="center"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" class="esd-block-image" style="font-size: 0px;"><a target="_blank"><img src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/group_4076578.png" alt style="display: block;" width="40"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="es-content" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table class="es-content-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#F45905" align="center"> <tbody> <tr> <td class="esd-structure es-p20" align="left" bgcolor="#FFFFFC" style="background-color: #fffffc;" esd-custom-block-id="1049118"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="560" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-text"> <p style="color: #f45905;"><strong>— SAT 31 OCT —</strong></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="esd-structure" align="left" esd-custom-block-id="1049119"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="es-m-p0r es-m-p20b esd-container-frame" width="600" valign="top" align="center"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" class="esd-block-banner" style="position: relative;" esdev-config="h2"><a target="_blank" href="https://viewstripo.email"><img class="adapt-img esdev-stretch-width esdev-banner-rendered" src="https://tlr.stripocdn.email/content/guids/bannerImgGuid/images/image1695395972214751.png" alt title width="600" style="display: block;"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" class="es-content" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table bgcolor="#ffffff" class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600"> <tbody> <tr> <td class="esd-structure es-p30t es-p20b es-p20r es-p20l" align="left" esd-custom-block-id="1049120"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="560" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="left" class="esd-block-text"> <p style="color: #ffffff;">Halloween is just around the corner, and we've conjured up the perfect celebration for you. Join us for a night of spine-tingling fun, devilish delights, and ghostly entertainment.</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" class="es-content" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table bgcolor="#ffffff" class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600"> <tbody> <tr> <td class="esd-structure es-p20 esdev-adapt-off" align="left" esd-custom-block-id="1049121"> <table width="560" cellpadding="0" cellspacing="0" class="esdev-mso-table"> <tbody> <tr> <td class="esdev-mso-td" valign="top"> <table cellpadding="0" cellspacing="0" class="es-left" align="left"> <tbody> <tr> <td width="173.33333333333334" class="es-m-p0r esd-container-frame" align="center" esd-custom-block-id="1049122"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-image es-p15b" style="font-size: 0px;"><a target="_blank" href="https://viewstripo.email"><img src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/calendar_4.png" alt style="display: block;" width="50"></a></td> </tr> <tr> <td align="center" class="esd-block-text"> <p>October <br></p> <p>31st, 2023</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td width="20"></td> <td class="esdev-mso-td" valign="top"> <table cellpadding="0" cellspacing="0" class="es-left" align="left"> <tbody> <tr> <td width="173.33333333333334" class="esd-container-frame" align="center"> <table cellpadding="0" cellspacing="0" width="100%" style="border-left: 1px solid #fffffc; border-right: 1px solid #fffffc;"> <tbody> <tr> <td align="center" class="esd-block-image es-p15b" style="font-size: 0px;"><a target="_blank" href="https://viewstripo.email"><img src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/time_3.png" alt style="display: block;" width="50"></a></td> </tr> <tr> <td align="center" class="esd-block-text"> <p>7:00 PM<br></p> <p>12:00 AM</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td width="20"></td> <td class="esdev-mso-td" valign="top"> <table cellpadding="0" cellspacing="0" class="es-right" align="right"> <tbody> <tr> <td width="173.33333333333334" align="center" class="esd-container-frame"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-image es-p15b" style="font-size: 0px;"><a target="_blank" href="https://viewstripo.email"><img src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/location_2.png" alt style="display: block;" width="50"></a></td> </tr> <tr> <td align="center" class="esd-block-text"> <p>Haunted Mansion, 123 Elm Street</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="esd-structure es-p20" align="left" esd-custom-block-id="1049123"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="560" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-text es-m-txt-c"> <h2><strong>Reserve Your Spot</strong></h2> </td> </tr> <tr> <td align="center" class="esd-block-text es-p20t es-p20b"> <p style="color: #ffffff;">Don't miss out on this hair-raising event.</p> <p style="color: #ffffff;">Reserve your spot now!</p> </td> </tr> <tr> <td align="center" class="esd-block-button">  <span class="msohide es-button-border"><a href="https://viewstripo.email" class="es-button es-button-1695397454371" target="_blank" style="padding: 10px 30px;">Reserve Now</a></span>  </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="esd-structure" align="left"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="600" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-image" style="font-size: 0px;"><a target="_blank"><img class="adapt-img" src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/frame_4076571.png" alt style="display: block;" width="600"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="es-footer" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table class="es-footer-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center"> <tbody> <tr> <td class="esd-structure es-p40t es-p40b es-p20r es-p20l" align="left" esd-custom-block-id="1049124"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="esd-container-frame" width="560" align="left"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" class="esd-block-text"> <p>Stay updated on all things spooky by following us on social media</p> </td> </tr> <tr> <td align="center" class="esd-block-social es-p15t es-p15b" style="font-size:0"> <table cellpadding="0" cellspacing="0" class="es-table-not-adapt es-social"> <tbody> <tr> <td align="center" valign="top" class="es-p10r"><a target="_blank" href><img src="https://tlr.stripocdn.email/content/assets/img/social-icons/circle-colored/facebook-circle-colored.png" alt="Fb" title="Facebook" width="32"></a></td> <td align="center" valign="top" class="es-p10r"><a target="_blank" href><img src="https://tlr.stripocdn.email/content/assets/img/social-icons/circle-colored/instagram-circle-colored.png" alt="Ig" title="Instagram" width="32"></a></td> <td align="center" valign="top" class="es-p10r"><a target="_blank" href><img src="https://tlr.stripocdn.email/content/assets/img/social-icons/circle-colored/youtube-circle-colored.png" alt="Yt" title="Youtube" width="32"></a></td> <td align="center" valign="top" esd-tmp-icon-type="twitter"><a target="_blank" href><img src="https://tlr.stripocdn.email/content/assets/img/social-icons/circle-colored/x-circle-colored.png" alt="X" title="X.com" width="32"></a></td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" class="esd-block-text"> <p>For inquiries or assistance, contact us at <a href="mailto:info@email.com" target="_new">info@email.com</a></p> <p><br></p> <p><em>To unsubscribe from Halloween updates, click <a href target="_new">here</a>.</em></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" class="es-content esd-footer-popover" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600" style="background-color: transparent;"> <tbody> <tr> <td class="esd-structure es-p20" align="left"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="560" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-image es-infoblock made_with" style="font-size:0"><a target="_blank" href="https://viewstripo.email/?utm_source=templates&utm_medium=email&utm_campaign=halloween_6&utm_content=reserve_your_spot"><img src="https://tlr.stripocdn.email/content/guids/CABINET_09023af45624943febfa123c229a060b/images/7911561025989373.png" alt width="125" style="display: block;"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </body> </html>`); function str2ab(str) { return str.length; }
textencoder length
str2ab(`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1" name="viewport"> <meta name="x-apple-disable-message-reformatting"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="telephone=no" name="format-detection"> <title></title>     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Montserrat:500,800&display=swap&subset=cyrillic-ext" rel="stylesheet">  </head> <body> <div dir="ltr" class="es-wrapper-color">  <table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="esd-email-paddings" valign="top"> <table class="esd-header-popover es-header" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table class="es-header-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center"> <tbody> <tr> <td class="esd-structure es-p20" align="left" esd-custom-block-id="1049117"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="es-m-p0r esd-container-frame" width="560" valign="top" align="center"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" class="esd-block-image" style="font-size: 0px;"><a target="_blank"><img src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/group_4076578.png" alt style="display: block;" width="40"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="es-content" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table class="es-content-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#F45905" align="center"> <tbody> <tr> <td class="esd-structure es-p20" align="left" bgcolor="#FFFFFC" style="background-color: #fffffc;" esd-custom-block-id="1049118"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="560" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-text"> <p style="color: #f45905;"><strong>— SAT 31 OCT —</strong></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="esd-structure" align="left" esd-custom-block-id="1049119"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="es-m-p0r es-m-p20b esd-container-frame" width="600" valign="top" align="center"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" class="esd-block-banner" style="position: relative;" esdev-config="h2"><a target="_blank" href="https://viewstripo.email"><img class="adapt-img esdev-stretch-width esdev-banner-rendered" src="https://tlr.stripocdn.email/content/guids/bannerImgGuid/images/image1695395972214751.png" alt title width="600" style="display: block;"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" class="es-content" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table bgcolor="#ffffff" class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600"> <tbody> <tr> <td class="esd-structure es-p30t es-p20b es-p20r es-p20l" align="left" esd-custom-block-id="1049120"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="560" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="left" class="esd-block-text"> <p style="color: #ffffff;">Halloween is just around the corner, and we've conjured up the perfect celebration for you. Join us for a night of spine-tingling fun, devilish delights, and ghostly entertainment.</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" class="es-content" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table bgcolor="#ffffff" class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600"> <tbody> <tr> <td class="esd-structure es-p20 esdev-adapt-off" align="left" esd-custom-block-id="1049121"> <table width="560" cellpadding="0" cellspacing="0" class="esdev-mso-table"> <tbody> <tr> <td class="esdev-mso-td" valign="top"> <table cellpadding="0" cellspacing="0" class="es-left" align="left"> <tbody> <tr> <td width="173.33333333333334" class="es-m-p0r esd-container-frame" align="center" esd-custom-block-id="1049122"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-image es-p15b" style="font-size: 0px;"><a target="_blank" href="https://viewstripo.email"><img src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/calendar_4.png" alt style="display: block;" width="50"></a></td> </tr> <tr> <td align="center" class="esd-block-text"> <p>October <br></p> <p>31st, 2023</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td width="20"></td> <td class="esdev-mso-td" valign="top"> <table cellpadding="0" cellspacing="0" class="es-left" align="left"> <tbody> <tr> <td width="173.33333333333334" class="esd-container-frame" align="center"> <table cellpadding="0" cellspacing="0" width="100%" style="border-left: 1px solid #fffffc; border-right: 1px solid #fffffc;"> <tbody> <tr> <td align="center" class="esd-block-image es-p15b" style="font-size: 0px;"><a target="_blank" href="https://viewstripo.email"><img src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/time_3.png" alt style="display: block;" width="50"></a></td> </tr> <tr> <td align="center" class="esd-block-text"> <p>7:00 PM<br></p> <p>12:00 AM</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td width="20"></td> <td class="esdev-mso-td" valign="top"> <table cellpadding="0" cellspacing="0" class="es-right" align="right"> <tbody> <tr> <td width="173.33333333333334" align="center" class="esd-container-frame"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-image es-p15b" style="font-size: 0px;"><a target="_blank" href="https://viewstripo.email"><img src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/location_2.png" alt style="display: block;" width="50"></a></td> </tr> <tr> <td align="center" class="esd-block-text"> <p>Haunted Mansion, 123 Elm Street</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="esd-structure es-p20" align="left" esd-custom-block-id="1049123"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="560" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-text es-m-txt-c"> <h2><strong>Reserve Your Spot</strong></h2> </td> </tr> <tr> <td align="center" class="esd-block-text es-p20t es-p20b"> <p style="color: #ffffff;">Don't miss out on this hair-raising event.</p> <p style="color: #ffffff;">Reserve your spot now!</p> </td> </tr> <tr> <td align="center" class="esd-block-button">  <span class="msohide es-button-border"><a href="https://viewstripo.email" class="es-button es-button-1695397454371" target="_blank" style="padding: 10px 30px;">Reserve Now</a></span>  </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="esd-structure" align="left"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="600" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-image" style="font-size: 0px;"><a target="_blank"><img class="adapt-img" src="https://tlr.stripocdn.email/content/guids/CABINET_68570852a70b9ff32ddf702b0fd033f73ea46daeb5870faed12c62fa8196f473/images/frame_4076571.png" alt style="display: block;" width="600"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="es-footer" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table class="es-footer-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center"> <tbody> <tr> <td class="esd-structure es-p40t es-p40b es-p20r es-p20l" align="left" esd-custom-block-id="1049124"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td class="esd-container-frame" width="560" align="left"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" class="esd-block-text"> <p>Stay updated on all things spooky by following us on social media</p> </td> </tr> <tr> <td align="center" class="esd-block-social es-p15t es-p15b" style="font-size:0"> <table cellpadding="0" cellspacing="0" class="es-table-not-adapt es-social"> <tbody> <tr> <td align="center" valign="top" class="es-p10r"><a target="_blank" href><img src="https://tlr.stripocdn.email/content/assets/img/social-icons/circle-colored/facebook-circle-colored.png" alt="Fb" title="Facebook" width="32"></a></td> <td align="center" valign="top" class="es-p10r"><a target="_blank" href><img src="https://tlr.stripocdn.email/content/assets/img/social-icons/circle-colored/instagram-circle-colored.png" alt="Ig" title="Instagram" width="32"></a></td> <td align="center" valign="top" class="es-p10r"><a target="_blank" href><img src="https://tlr.stripocdn.email/content/assets/img/social-icons/circle-colored/youtube-circle-colored.png" alt="Yt" title="Youtube" width="32"></a></td> <td align="center" valign="top" esd-tmp-icon-type="twitter"><a target="_blank" href><img src="https://tlr.stripocdn.email/content/assets/img/social-icons/circle-colored/x-circle-colored.png" alt="X" title="X.com" width="32"></a></td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" class="esd-block-text"> <p>For inquiries or assistance, contact us at <a href="mailto:info@email.com" target="_new">info@email.com</a></p> <p><br></p> <p><em>To unsubscribe from Halloween updates, click <a href target="_new">here</a>.</em></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" class="es-content esd-footer-popover" align="center"> <tbody> <tr> <td class="esd-stripe" align="center"> <table class="es-content-body" align="center" cellpadding="0" cellspacing="0" width="600" style="background-color: transparent;"> <tbody> <tr> <td class="esd-structure es-p20" align="left"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="560" class="esd-container-frame" align="center" valign="top"> <table cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td align="center" class="esd-block-image es-infoblock made_with" style="font-size:0"><a target="_blank" href="https://viewstripo.email/?utm_source=templates&utm_medium=email&utm_campaign=halloween_6&utm_content=reserve_your_spot"><img src="https://tlr.stripocdn.email/content/guids/CABINET_09023af45624943febfa123c229a060b/images/7911561025989373.png" alt width="125" style="display: block;"></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </body> </html>`); function str2ab(str) { return new TextEncoder('utf-8').encode(str).length; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
plain length
textencoder length

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Browser/OS: Chrome 129 on Windows

View result in a separate tab

Test name	Executions per second
plain length	32762670.0 Ops/sec
textencoder length	6850.5 Ops/sec

Autogenerated LLM Summary (model gpt-4o-mini, generated 2 months ago):

LLMs can make mistakes. Check important info.

The benchmark being tested on MeasureThat.net involves comparing two different approaches to calculating the length of an HTML string in JavaScript. Specifically, it compares a simple string length method versus a method that uses the `TextEncoder` class. Here's a detailed breakdown of what is being tested, the pros and cons of each approach, and relevant considerations:

### Options Compared

1. **Plain Length Method**
   - **Test Case**: Calculates the length of a string containing a complete HTML document using `str2ab(str)`. The implementation simply returns `str.length`.
   - **Performance**: This implementation demonstrates a high execution speed, as the raw calculation of string length is a very lightweight operation.

2. **TextEncoder Length Method**
   - **Test Case**: Uses the `TextEncoder` class to first encode the string into a UTF-8 format, and then returns the length of the resulting byte array. The implementation is `new TextEncoder('utf-8').encode(str).length`.
   - **Performance**: This approach shows much lower execution speed compared to the plain length method.

### Pros and Cons

#### Plain Length Method
- **Pros**:
  - **Speed**: It is extremely fast and efficient since it's simply accessing a property of the string object in JavaScript.
  - **Simplicity**: The code involved is straightforward and easy to understand.
  - **Resource-efficient**: It does not involve any additional computation or memory allocation.

- **Cons**:
  - **Limitations on encoding**: It only provides the character count of the string as it is, without taking character encoding into account. This could lead to incorrect results if the string contains multi-byte characters.

#### TextEncoder Length Method
- **Pros**:
  - **Handles encoding**: It accounts for the UTF-8 byte length, which is beneficial when working with strings that contain special characters or multi-byte sequences, ensuring accurate byte representation.
  
- **Cons**:
  - **Performance Overhead**: The use of `TextEncoder` introduces significant overhead due to the encoding process, making this approach much slower in comparison.
  - **Complexity**: The function introduces additional complexity with memory allocation and the encoding operation, which are not required for simple length calculation.

### Other Considerations

- **Use Cases**: The choice between these methods depends on the application context:
  - If you need the character count and performance is critical, the plain length method is better suited.
  - If handling encoded data for transmission or storage, where exact byte length matters (for example, when sending data over a network or saving to a binary format), the `TextEncoder` method is more appropriate.

### Alternatives

- **Regex Method**: If you need to parse the string for specific elements or attributes, using regex may be a solution, although it introduces its own complexity and performance considerations.
- **Buffer.length**: In Node.js environments, using Buffers can provide byte-length information directly without manually encoding the string.
- **Third-party Libraries**: Other libraries, such as `iconv-lite`, can handle various encodings and conversions but will introduce their own dependencies and overhead.

### Conclusion
The benchmark results indicate that while the plain length approach is vastly more efficient for standard string length calculations, the `TextEncoder` approach offers the necessary precision for scenarios where character encoding matters. Software engineers should choose the appropriate method based on their specific performance needs and context.

Related benchmarks:

html TextEncoder().encode (version: 0)

Comparing performance of: plain length vs textencoder length

Created: 2 months ago by: Guest

Jump to the latest result

plain length

textencoder length

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gpt-4o-mini, generated 2 months ago):