Run results for: Base64 encode native func vs readAsDataURL()

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Browser: Chrome 118

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Test Native JS Func	969.9 Ops/sec
Test readAsDataURL()	329498.2 Ops/sec

HTML Preparation code:

<p id="lorem">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet posuere ex. Mauris congue mattis aliquet. Etiam volutpat, lectus non cursus placerat, dui elit sodales augue, non posuere neque mi nec erat. Suspendisse sodales lacinia sapien, consectetur imperdiet leo vestibulum a. In at commodo eros. In massa magna, feugiat at pulvinar non, venenatis ut lectus. Proin egestas, lacus ut dapibus maximus, libero justo bibendum ante, dapibus sagittis mi neque sed mi. Morbi elit ante, ultricies vel eleifend tristique, convallis eu erat. Integer a est vel diam fermentum dignissim ut vitae enim. Cras et varius augue, quis malesuada sapien. Vivamus consectetur volutpat dictum.
Aliquam enim enim, pretium a ipsum eget, sagittis ullamcorper tortor. Nam nec elementum eros. Cras tincidunt hendrerit enim nec placerat. Proin et feugiat nisi. Aenean facilisis malesuada nunc ut dignissim. Curabitur ut luctus nibh. Aliquam vestibulum tempor elit ac vestibulum. Pellentesque facilisis nisl turpis, in cursus nibh porttitor ut. Sed posuere, dolor vel aliquam mollis, tellus nisl iaculis leo, sed viverra leo enim nec risus. Aliquam eu enim a erat fringilla faucibus. Nunc malesuada eu mauris a consectetur. Etiam vestibulum vulputate nibh nec mollis. Sed fringilla ultrices metus. Duis urna sem, rutrum in lectus ac, aliquet faucibus risus. Maecenas tempor feugiat dui ac viverra. Sed viverra condimentum dolor, at eleifend eros viverra sed.
Praesent rutrum imperdiet cursus. Phasellus tincidunt nunc pretium, varius lorem vel, aliquam ipsum. In eu justo a est aliquam pretium et id felis. Cras consectetur metus ornare purus rutrum, a hendrerit lacus varius. Sed at quam in orci auctor feugiat. Aenean fringilla nisl ante, sodales luctus libero dignissim nec. Nam vel commodo nulla, eu iaculis odio. Donec tristique interdum nisi et semper. Nunc et tempus turpis.
Vestibulum porttitor gravida vehicula. Suspendisse feugiat tincidunt venenatis. Mauris varius consequat euismod. Mauris hendrerit dignissim semper. Duis imperdiet consequat tincidunt. Maecenas ut metus vel purus dapibus pharetra. Aliquam lorem felis, ultricies sit amet nunc varius, efficitur elementum magna. Morbi dapibus nibh mi, sed viverra enim interdum et. Suspendisse convallis finibus velit ut viverra. Maecenas finibus commodo orci quis imperdiet. Vestibulum eleifend elementum ante, sit amet tempor est luctus aliquam. Pellentesque nec tortor molestie, porta tellus sit amet, venenatis ligula.
Vestibulum semper malesuada facilisis. Mauris augue orci, elementum in varius vitae, vulputate vitae turpis. In fermentum justo feugiat quam molestie ullamcorper. Integer imperdiet lorem ac lectus vehicula aliquet. In maximus nulla eget eros vestibulum scelerisque. Nam eu odio gravida, semper ligula imperdiet, placerat diam. Donec lectus risus, ullamcorper sed tincidunt egestas, venenatis non purus. Suspendisse lobortis lacinia leo ac sollicitudin. Cras porttitor laoreet quam at vestibulum. Cras hendrerit, massa sit amet suscipit malesuada, neque justo blandit quam, sit amet scelerisque nulla neque sed nisl. Donec iaculis magna purus, nec tincidunt lorem semper eu. Nullam congue suscipit interdum.
In interdum est at tempor laoreet. Aenean enim mi, aliquet quis ultricies non, convallis eu ex. Sed justo eros, pellentesque id enim sed, molestie scelerisque diam. Cras a lorem sagittis urna accumsan egestas. Integer ut ligula justo. Aenean vitae laoreet sem. Proin eget interdum velit. Duis gravida ex eget sapien lobortis eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam eu cursus enim. Cras vel nibh luctus libero rhoncus tempor a id felis. Etiam nec mi non ante consectetur pharetra id in nibh. Etiam lorem erat, laoreet aliquet porttitor et, ullamcorper ut eros.
Vivamus varius tellus malesuada, imperdiet orci eget, sodales mi. Duis auctor quam ac tempor convallis. Nunc aliquet non augue id dignissim. Donec sagittis scelerisque porta. In neque urna, tempor eu urna quis, mattis hendrerit ligula. Etiam id vehicula tellus. Sed porta tristique dolor, vitae pretium nulla faucibus in.
Praesent facilisis cursus dolor. Ut vel consequat orci. Curabitur convallis lorem in ex tempus pulvinar. Vivamus sed felis sagittis, lacinia lorem id, ullamcorper massa. Pellentesque vitae tortor interdum, sollicitudin lectus at, suscipit mi. Mauris est turpis, semper eu pellentesque nec, vehicula ac dui. Integer vel orci bibendum, dictum libero a, posuere mauris. Donec id dolor eu leo tristique varius et at velit. Nullam accumsan ornare sodales. Duis et euismod urna. Nam in enim dictum, mattis libero vel, convallis tellus. Nunc quis odio lacus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc volutpat egestas felis vel suscipit. Sed non neque quam. Curabitur dignissim arcu et quam dapibus elementum ac vel nisi. Aenean id ante rutrum, gravida ex eget, pulvinar ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc ut urna tristique, posuere ipsum ut, cursus ligula. Sed vitae lacus tortor. Donec in nisl aliquam, tincidunt enim sit amet, commodo nulla.
Nam eu velit sed risus molestie ornare. Donec eu mauris vel metus accumsan ultrices vel id dui. Donec sollicitudin eget nunc nec maximus. Nulla facilisi. Nullam sit amet risus non diam eleifend aliquam non quis sapien. Vestibulum lobortis dui aliquet placerat hendrerit. Nulla egestas leo varius tortor ullamcorper, vitae interdum metus dapibus. Curabitur ac ligula eu tellus aliquam pellentesque. Donec bibendum porta velit, non blandit leo efficitur vel. In maximus purus purus, nec interdum ante ullamcorper in. In pharetra in ante non iaculis. Ut mollis consequat ligula, id lacinia nulla imperdiet at. Phasellus laoreet ex nulla, non cursus lorem cursus ac. Sed tempor nisi enim, ac mattis sapien feugiat quis.
Mauris ultricies a nulla a aliquam. Cras urna magna, rutrum vitae orci eget, feugiat commodo est. Quisque ultrices pretium volutpat. Pellentesque varius diam et tortor efficitur porttitor. Mauris est justo, scelerisque eget mi eget, iaculis ultrices justo. Nam porta condimentum nunc, dapibus accumsan enim mollis sed. Aliquam malesuada venenatis eros, lacinia volutpat tellus luctus id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris at arcu vitae dolor dictum sollicitudin. Fusce feugiat odio eget lacinia gravida. Quisque ultrices quis augue nec sodales. Donec et tellus convallis metus tempus tempus posuere eget diam. Nulla facilisis lacinia risus sit amet eleifend. Donec et egestas lacus. Nam tristique fringilla elementum.
In at mauris vestibulum nisi dictum pretium. Phasellus facilisis ligula non tincidunt sagittis. Donec lacinia diam eget erat accumsan, in vulputate erat sagittis. Nulla non lacus non massa imperdiet finibus. Cras tincidunt, enim quis semper porttitor, purus ligula lacinia sapien, non tristique erat nibh nec urna. Curabitur molestie interdum ipsum, quis hendrerit nisl fermentum et. Duis eu erat maximus, dapibus ipsum at, posuere libero. Curabitur massa felis, tempus eget nibh ac, congue lobortis mauris. Proin eget nulla consectetur, accumsan tellus non, hendrerit orci.
Nullam facilisis nunc nisi, condimentum efficitur urna molestie a. Morbi placerat ultrices interdum. Vestibulum vel tellus vel ipsum bibendum dictum. Ut auctor est sed velit volutpat, ac semper lectus ornare. Cras nec nibh sit amet augue fermentum pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In hac habitasse platea dictumst. Donec et ultricies felis. Duis vitae auctor lacus. Integer ultricies ligula vitae purus sodales, sed interdum erat vehicula. Nam ipsum leo, rutrum non ornare eu, consequat vehicula magna. Vivamus velit sapien, posuere at purus sed, finibus tempor turpis. Phasellus rhoncus, neque eget condimentum consectetur, nulla libero vestibulum eros, et ullamcorper ex dui tincidunt purus.
Donec tempor justo sed sapien porttitor, vitae viverra velit eleifend. Aliquam ut velit dui. Nam gravida pellentesque mauris, id volutpat nibh sodales porttitor. Nunc id auctor leo, vitae scelerisque nunc. Quisque ac justo leo. Nulla ipsum est, finibus id tristique quis, finibus quis velit. Etiam convallis metus ut ligula malesuada, ac sagittis odio ultrices. Nunc a turpis nunc. Donec ornare diam nec felis faucibus, id sodales est mattis. Vestibulum sit amet pharetra nisi. In hac habitasse platea dictumst. Curabitur ac accumsan lorem, sit amet malesuada massa. Ut gravida tincidunt sapien in viverra. Aliquam at lectus vitae sem posuere lobortis.
Etiam mi massa, tincidunt vel fringilla at, dapibus vitae quam. In accumsan nibh eget arcu luctus, eget vestibulum metus tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis turpis hendrerit neque lacinia elementum. Donec accumsan enim mauris. Nullam iaculis purus et sapien fringilla vestibulum. Duis leo metus, hendrerit mollis odio nec, egestas aliquet eros. Vivamus et posuere lacus. In luctus pulvinar dignissim.
Phasellus mollis tempor molestie. Donec viverra nisl eget augue tempor, eget luctus arcu lacinia. Aenean a congue elit, at condimentum nulla. Proin facilisis ligula volutpat, porttitor mauris quis, dignissim neque. Nullam suscipit dui eget porttitor pretium. Mauris id lorem consectetur lorem malesuada dapibus sed a quam. Maecenas ut elit sit amet libero pulvinar fermentum. Nam consequat ornare dui, et faucibus nisl sodales sed. Ut sit amet accumsan ipsum. Fusce vel ullamcorper diam, ut facilisis ex.
Aliquam ut ultricies nulla. Nulla eros quam, sollicitudin id mi ac, elementum semper sapien. Nulla mi arcu, gravida at elit sed, luctus tristique ipsum. Nam scelerisque nibh vitae neque laoreet, sit amet tempor leo posuere. Donec ut tempus dolor. Nulla quis laoreet augue. Maecenas dignissim massa nec lorem facilisis, elementum euismod leo convallis. Nullam imperdiet urna odio, quis iaculis ligula pharetra et. Mauris dignissim ac erat ac facilisis.
Sed et quam a libero ornare scelerisque. Integer consectetur pellentesque mollis. Pellentesque in turpis vel odio ullamcorper pharetra nec id augue. Phasellus id dictum magna. Suspendisse commodo nunc sapien, non laoreet erat sagittis eu. Pellentesque et ligula tincidunt, porta magna sit amet, egestas massa. Mauris pulvinar ornare lorem eget rutrum. Vestibulum interdum, tortor aliquet egestas mattis, quam nunc dignissim nisl, ut suscipit lorem sem eu erat. Nunc ultrices interdum semper. Proin tristique dapibus tortor sed tincidunt. Maecenas dictum nibh vel magna faucibus commodo. Vestibulum scelerisque sit amet lectus a cursus. Duis tincidunt ipsum lacus, vel porta nunc commodo eu. Cras diam eros, eleifend a convallis ac, elementum quis velit. Nulla iaculis leo eget eros porta, sit amet porta tortor rhoncus.
Nam quis porttitor neque. Nullam eget turpis vestibulum, gravida mi non, venenatis enim. Pellentesque nisi nulla, pretium et eleifend a, blandit at ex. Proin dignissim tellus sed hendrerit sagittis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed semper eleifend diam eget finibus. Mauris molestie nulla ante, a placerat dolor viverra eget.
Duis et risus placerat, hendrerit erat a, lacinia purus. Ut ut tincidunt enim. Duis euismod, nunc ut ornare scelerisque, quam eros facilisis odio, feugiat interdum elit velit sit amet diam. Aliquam erat volutpat. Nam placerat nisl sed dapibus dapibus. In gravida eros vitae magna finibus congue. Fusce tincidunt maximus tortor, non sodales nulla accumsan vitae. Praesent quis placerat libero.
Integer euismod eleifend ligula fermentum commodo. Vivamus lobortis facilisis turpis eu gravida. Fusce facilisis varius scelerisque. Nulla pellentesque justo odio, eu pellentesque nibh rhoncus non. Nunc eget dui at elit ultrices vehicula ac ac sem. Nam id rutrum lorem. Etiam ac velit aliquet, fermentum lacus eu, dignissim nunc. Maecenas quis ligula eu nisl maximus elementum. Integer vehicula finibus lectus, sed porta ipsum lobortis at. Vestibulum bibendum sit amet tellus in tincidunt.
Sed eu sollicitudin nisi. Nam eleifend justo at dapibus suscipit. Ut accumsan eros at nisl malesuada, a pharetra magna scelerisque. Mauris nec eros vitae ipsum volutpat cursus sed eu arcu. Quisque eget congue nulla. Vivamus tincidunt, lectus in dictum consectetur, dolor mi finibus est, in feugiat massa eros quis leo. Praesent rhoncus nec metus sit amet pretium. Duis nulla orci, auctor sit amet purus id, faucibus egestas purus. Ut porttitor sagittis est laoreet convallis. Sed euismod metus tincidunt porta rhoncus. Vestibulum dignissim justo ac elit semper fermentum. Phasellus sagittis molestie aliquet. Suspendisse vehicula facilisis augue.
Sed purus sem, hendrerit ac aliquet id, dictum sit amet dui. Cras ipsum ex, euismod consectetur facilisis a, malesuada ut sem. Vestibulum eget neque rutrum, mollis massa a, volutpat enim. Fusce sed ultrices elit. Fusce sed urna sollicitudin, mollis augue sit amet, suscipit tellus. Aenean dui nibh, commodo aliquam ullamcorper et, lobortis et eros. Aliquam vel luctus metus, sed malesuada mi. In hac habitasse platea dictumst. Suspendisse vel tristique arcu, ac placerat massa.
Nulla magna lectus, pretium a rhoncus quis, malesuada sagittis diam. Morbi gravida feugiat ultricies. Suspendisse tempus ullamcorper augue quis consequat. Vestibulum pharetra, mauris vitae mattis rhoncus, nibh odio vehicula arcu, vel ornare nisl mauris vitae ante. Vestibulum in elit tortor. Morbi eu tristique eros, vel ultricies tellus. Nunc quis condimentum diam.
Sed mollis, erat non eleifend sollicitudin, lectus dolor blandit mi, vel scelerisque erat felis et odio. In in laoreet elit, at semper velit. Nunc tristique urna sed felis auctor porta. Suspendisse potenti. Nunc condimentum orci in nunc placerat, non rutrum nulla tincidunt. Sed vel felis id velit molestie scelerisque. Duis at sem molestie arcu rutrum rutrum in quis orci. Curabitur placerat bibendum magna, eu consectetur erat dictum gravida. Maecenas in luctus nibh, vitae scelerisque diam. Vivamus dictum efficitur congue. Curabitur hendrerit semper ipsum, eget volutpat tortor ultricies eget. Nam pharetra, nulla ac vulputate aliquam, dui tortor malesuada neque, eget volutpat sem dui vitae lectus.
Integer fermentum, risus at pulvinar lacinia, lectus leo laoreet nisl, non viverra elit lacus non tortor. Aliquam ante sapien, sagittis in vulputate id, pulvinar eu eros. Cras eu risus ipsum. Nulla facilisi. Fusce scelerisque tincidunt vehicula. Suspendisse consectetur egestas scelerisque. Mauris non bibendum tellus, cursus posuere mauris. Praesent facilisis in ex non ornare. Proin eu congue est. Curabitur varius fringilla eros. Phasellus elit enim, porta vitae fringilla ut, commodo eget lectus. Curabitur laoreet accumsan mattis. In mattis purus sit amet porta lobortis. Cras varius a tellus sit amet tempus. Nulla commodo id ligula at pulvinar. Etiam nec nunc ligula.
Quisque malesuada gravida hendrerit. Aenean pharetra pulvinar ligula, congue pulvinar ante sodales a. Mauris sit amet lobortis neque. Sed sem nunc, ornare id ornare tempus, tempor vitae sem. Aliquam erat volutpat. Fusce tempor, leo sed pretium vulputate, arcu risus euismod purus, sit amet pellentesque turpis diam sed odio. Pellentesque hendrerit ex ut mi sollicitudin, nec maximus nibh tempor. Sed quis orci aliquet urna tristique vulputate. Donec vestibulum ut purus ut scelerisque. In imperdiet dui quis lacinia tristique. Phasellus pharetra dui elementum accumsan mollis. Nulla volutpat dignissim erat. Vestibulum rhoncus eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet posuere ex. Mauris congue mattis aliquet. Etiam volutpat, lectus non cursus placerat, dui elit sodales augue, non posuere neque mi nec erat. Suspendisse sodales lacinia sapien, consectetur imperdiet leo vestibulum a. In at commodo eros. In massa magna, feugiat at pulvinar non, venenatis ut lectus. Proin egestas, lacus ut dapibus maximus, libero justo bibendum ante, dapibus sagittis mi neque sed mi. Morbi elit ante, ultricies vel eleifend tristique, convallis eu erat. Integer a est vel diam fermentum dignissim ut vitae enim. Cras et varius augue, quis malesuada sapien. Vivamus consectetur volutpat dictum.
Aliquam enim enim, pretium a ipsum eget, sagittis ullamcorper tortor. Nam nec elementum eros. Cras tincidunt hendrerit enim nec placerat. Proin et feugiat nisi. Aenean facilisis malesuada nunc ut dignissim. Curabitur ut luctus nibh. Aliquam vestibulum tempor elit ac vestibulum. Pellentesque facilisis nisl turpis, in cursus nibh porttitor ut. Sed posuere, dolor vel aliquam mollis, tellus nisl iaculis leo, sed viverra leo enim nec risus. Aliquam eu enim a erat fringilla faucibus. Nunc malesuada eu mauris a consectetur. Etiam vestibulum vulputate nibh nec mollis. Sed fringilla ultrices metus. Duis urna sem, rutrum in lectus ac, aliquet faucibus risus. Maecenas tempor feugiat dui ac viverra. Sed viverra condimentum dolor, at eleifend eros viverra sed.
Praesent rutrum imperdiet cursus. Phasellus tincidunt nunc pretium, varius lorem vel, aliquam ipsum. In eu justo a est aliquam pretium et id felis. Cras consectetur metus ornare purus rutrum, a hendrerit lacus varius. Sed at quam in orci auctor feugiat. Aenean fringilla nisl ante, sodales luctus libero dignissim nec. Nam vel commodo nulla, eu iaculis odio. Donec tristique interdum nisi et semper. Nunc et tempus turpis.
Vestibulum porttitor gravida vehicula. Suspendisse feugiat tincidunt venenatis. Mauris varius consequat euismod. Mauris hendrerit dignissim semper. Duis imperdiet consequat tincidunt. Maecenas ut metus vel purus dapibus pharetra. Aliquam lorem felis, ultricies sit amet nunc varius, efficitur elementum magna. Morbi dapibus nibh mi, sed viverra enim interdum et. Suspendisse convallis finibus velit ut viverra. Maecenas finibus commodo orci quis imperdiet. Vestibulum eleifend elementum ante, sit amet tempor est luctus aliquam. Pellentesque nec tortor molestie, porta tellus sit amet, venenatis ligula.
Vestibulum semper malesuada facilisis. Mauris augue orci, elementum in varius vitae, vulputate vitae turpis. In fermentum justo feugiat quam molestie ullamcorper. Integer imperdiet lorem ac lectus vehicula aliquet. In maximus nulla eget eros vestibulum scelerisque. Nam eu odio gravida, semper ligula imperdiet, placerat diam. Donec lectus risus, ullamcorper sed tincidunt egestas, venenatis non purus. Suspendisse lobortis lacinia leo ac sollicitudin. Cras porttitor laoreet quam at vestibulum. Cras hendrerit, massa sit amet suscipit malesuada, neque justo blandit quam, sit amet scelerisque nulla neque sed nisl. Donec iaculis magna purus, nec tincidunt lorem semper eu. Nullam congue suscipit interdum.
In interdum est at tempor laoreet. Aenean enim mi, aliquet quis ultricies non, convallis eu ex. Sed justo eros, pellentesque id enim sed, molestie scelerisque diam. Cras a lorem sagittis urna accumsan egestas. Integer ut ligula justo. Aenean vitae laoreet sem. Proin eget interdum velit. Duis gravida ex eget sapien lobortis eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam eu cursus enim. Cras vel nibh luctus libero rhoncus tempor a id felis. Etiam nec mi non ante consectetur pharetra id in nibh. Etiam lorem erat, laoreet aliquet porttitor et, ullamcorper ut eros.
Vivamus varius tellus malesuada, imperdiet orci eget, sodales mi. Duis auctor quam ac tempor convallis. Nunc aliquet non augue id dignissim. Donec sagittis scelerisque porta. In neque urna, tempor eu urna quis, mattis hendrerit ligula. Etiam id vehicula tellus. Sed porta tristique dolor, vitae pretium nulla faucibus in.
Praesent facilisis cursus dolor. Ut vel consequat orci. Curabitur convallis lorem in ex tempus pulvinar. Vivamus sed felis sagittis, lacinia lorem id, ullamcorper massa. Pellentesque vitae tortor interdum, sollicitudin lectus at, suscipit mi. Mauris est turpis, semper eu pellentesque nec, vehicula ac dui. Integer vel orci bibendum, dictum libero a, posuere mauris. Donec id dolor eu leo tristique varius et at velit. Nullam accumsan ornare sodales. Duis et euismod urna. Nam in enim dictum, mattis libero vel, convallis tellus. Nunc quis odio lacus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc volutpat egestas felis vel suscipit. Sed non neque quam. Curabitur dignissim arcu et quam dapibus elementum ac vel nisi. Aenean id ante rutrum, gravida ex eget, pulvinar ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc ut urna tristique, posuere ipsum ut, cursus ligula. Sed vitae lacus tortor. Donec in nisl aliquam, tincidunt enim sit amet, commodo nulla.
Nam eu velit sed risus molestie ornare. Donec eu mauris vel metus accumsan ultrices vel id dui. Donec sollicitudin eget nunc nec maximus. Nulla facilisi. Nullam sit amet risus non diam eleifend aliquam non quis sapien. Vestibulum lobortis dui aliquet placerat hendrerit. Nulla egestas leo varius tortor ullamcorper, vitae interdum metus dapibus. Curabitur ac ligula eu tellus aliquam pellentesque. Donec bibendum porta velit, non blandit leo efficitur vel. In maximus purus purus, nec interdum ante ullamcorper in. In pharetra in ante non iaculis. Ut mollis consequat ligula, id lacinia nulla imperdiet at. Phasellus laoreet ex nulla, non cursus lorem cursus ac. Sed tempor nisi enim, ac mattis sapien feugiat quis.
Mauris ultricies a nulla a aliquam. Cras urna magna, rutrum vitae orci eget, feugiat commodo est. Quisque ultrices pretium volutpat. Pellentesque varius diam et tortor efficitur porttitor. Mauris est justo, scelerisque eget mi eget, iaculis ultrices justo. Nam porta condimentum nunc, dapibus accumsan enim mollis sed. Aliquam malesuada venenatis eros, lacinia volutpat tellus luctus id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris at arcu vitae dolor dictum sollicitudin. Fusce feugiat odio eget lacinia gravida. Quisque ultrices quis augue nec sodales. Donec et tellus convallis metus tempus tempus posuere eget diam. Nulla facilisis lacinia risus sit amet eleifend. Donec et egestas lacus. Nam tristique fringilla elementum.
In at mauris vestibulum nisi dictum pretium. Phasellus facilisis ligula non tincidunt sagittis. Donec lacinia diam eget erat accumsan, in vulputate erat sagittis. Nulla non lacus non massa imperdiet finibus. Cras tincidunt, enim quis semper porttitor, purus ligula lacinia sapien, non tristique erat nibh nec urna. Curabitur molestie interdum ipsum, quis hendrerit nisl fermentum et. Duis eu erat maximus, dapibus ipsum at, posuere libero. Curabitur massa felis, tempus eget nibh ac, congue lobortis mauris. Proin eget nulla consectetur, accumsan tellus non, hendrerit orci.
Nullam facilisis nunc nisi, condimentum efficitur urna molestie a. Morbi placerat ultrices interdum. Vestibulum vel tellus vel ipsum bibendum dictum. Ut auctor est sed velit volutpat, ac semper lectus ornare. Cras nec nibh sit amet augue fermentum pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In hac habitasse platea dictumst. Donec et ultricies felis. Duis vitae auctor lacus. Integer ultricies ligula vitae purus sodales, sed interdum erat vehicula. Nam ipsum leo, rutrum non ornare eu, consequat vehicula magna. Vivamus velit sapien, posuere at purus sed, finibus tempor turpis. Phasellus rhoncus, neque eget condimentum consectetur, nulla libero vestibulum eros, et ullamcorper ex dui tincidunt purus.
Donec tempor justo sed sapien porttitor, vitae viverra velit eleifend. Aliquam ut velit dui. Nam gravida pellentesque mauris, id volutpat nibh sodales porttitor. Nunc id auctor leo, vitae scelerisque nunc. Quisque ac justo leo. Nulla ipsum est, finibus id tristique quis, finibus quis velit. Etiam convallis metus ut ligula malesuada, ac sagittis odio ultrices. Nunc a turpis nunc. Donec ornare diam nec felis faucibus, id sodales est mattis. Vestibulum sit amet pharetra nisi. In hac habitasse platea dictumst. Curabitur ac accumsan lorem, sit amet malesuada massa. Ut gravida tincidunt sapien in viverra. Aliquam at lectus vitae sem posuere lobortis.
Etiam mi massa, tincidunt vel fringilla at, dapibus vitae quam. In accumsan nibh eget arcu luctus, eget vestibulum metus tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis turpis hendrerit neque lacinia elementum. Donec accumsan enim mauris. Nullam iaculis purus et sapien fringilla vestibulum. Duis leo metus, hendrerit mollis odio nec, egestas aliquet eros. Vivamus et posuere lacus. In luctus pulvinar dignissim.
Phasellus mollis tempor molestie. Donec viverra nisl eget augue tempor, eget luctus arcu lacinia. Aenean a congue elit, at condimentum nulla. Proin facilisis ligula volutpat, porttitor mauris quis, dignissim neque. Nullam suscipit dui eget porttitor pretium. Mauris id lorem consectetur lorem malesuada dapibus sed a quam. Maecenas ut elit sit amet libero pulvinar fermentum. Nam consequat ornare dui, et faucibus nisl sodales sed. Ut sit amet accumsan ipsum. Fusce vel ullamcorper diam, ut facilisis ex.
Aliquam ut ultricies nulla. Nulla eros quam, sollicitudin id mi ac, elementum semper sapien. Nulla mi arcu, gravida at elit sed, luctus tristique ipsum. Nam scelerisque nibh vitae neque laoreet, sit amet tempor leo posuere. Donec ut tempus dolor. Nulla quis laoreet augue. Maecenas dignissim massa nec lorem facilisis, elementum euismod leo convallis. Nullam imperdiet urna odio, quis iaculis ligula pharetra et. Mauris dignissim ac erat ac facilisis.
Sed et quam a libero ornare scelerisque. Integer consectetur pellentesque mollis. Pellentesque in turpis vel odio ullamcorper pharetra nec id augue. Phasellus id dictum magna. Suspendisse commodo nunc sapien, non laoreet erat sagittis eu. Pellentesque et ligula tincidunt, porta magna sit amet, egestas massa. Mauris pulvinar ornare lorem eget rutrum. Vestibulum interdum, tortor aliquet egestas mattis, quam nunc dignissim nisl, ut suscipit lorem sem eu erat. Nunc ultrices interdum semper. Proin tristique dapibus tortor sed tincidunt. Maecenas dictum nibh vel magna faucibus commodo. Vestibulum scelerisque sit amet lectus a cursus. Duis tincidunt ipsum lacus, vel porta nunc commodo eu. Cras diam eros, eleifend a convallis ac, elementum quis velit. Nulla iaculis leo eget eros porta, sit amet porta tortor rhoncus.
Nam quis porttitor neque. Nullam eget turpis vestibulum, gravida mi non, venenatis enim. Pellentesque nisi nulla, pretium et eleifend a, blandit at ex. Proin dignissim tellus sed hendrerit sagittis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed semper eleifend diam eget finibus. Mauris molestie nulla ante, a placerat dolor viverra eget.
Duis et risus placerat, hendrerit erat a, lacinia purus. Ut ut tincidunt enim. Duis euismod, nunc ut ornare scelerisque, quam eros facilisis odio, feugiat interdum elit velit sit amet diam. Aliquam erat volutpat. Nam placerat nisl sed dapibus dapibus. In gravida eros vitae magna finibus congue. Fusce tincidunt maximus tortor, non sodales nulla accumsan vitae. Praesent quis placerat libero.
Integer euismod eleifend ligula fermentum commodo. Vivamus lobortis facilisis turpis eu gravida. Fusce facilisis varius scelerisque. Nulla pellentesque justo odio, eu pellentesque nibh rhoncus non. Nunc eget dui at elit ultrices vehicula ac ac sem. Nam id rutrum lorem. Etiam ac velit aliquet, fermentum lacus eu, dignissim nunc. Maecenas quis ligula eu nisl maximus elementum. Integer vehicula finibus lectus, sed porta ipsum lobortis at. Vestibulum bibendum sit amet tellus in tincidunt.
Sed eu sollicitudin nisi. Nam eleifend justo at dapibus suscipit. Ut accumsan eros at nisl malesuada, a pharetra magna scelerisque. Mauris nec eros vitae ipsum volutpat cursus sed eu arcu. Quisque eget congue nulla. Vivamus tincidunt, lectus in dictum consectetur, dolor mi finibus est, in feugiat massa eros quis leo. Praesent rhoncus nec metus sit amet pretium. Duis nulla orci, auctor sit amet purus id, faucibus egestas purus. Ut porttitor sagittis est laoreet convallis. Sed euismod metus tincidunt porta rhoncus. Vestibulum dignissim justo ac elit semper fermentum. Phasellus sagittis molestie aliquet. Suspendisse vehicula facilisis augue.
Sed purus sem, hendrerit ac aliquet id, dictum sit amet dui. Cras ipsum ex, euismod consectetur facilisis a, malesuada ut sem. Vestibulum eget neque rutrum, mollis massa a, volutpat enim. Fusce sed ultrices elit. Fusce sed urna sollicitudin, mollis augue sit amet, suscipit tellus. Aenean dui nibh, commodo aliquam ullamcorper et, lobortis et eros. Aliquam vel luctus metus, sed malesuada mi. In hac habitasse platea dictumst. Suspendisse vel tristique arcu, ac placerat massa.
Nulla magna lectus, pretium a rhoncus quis, malesuada sagittis diam. Morbi gravida feugiat ultricies. Suspendisse tempus ullamcorper augue quis consequat. Vestibulum pharetra, mauris vitae mattis rhoncus, nibh odio vehicula arcu, vel ornare nisl mauris vitae ante. Vestibulum in elit tortor. Morbi eu tristique eros, vel ultricies tellus. Nunc quis condimentum diam.
Sed mollis, erat non eleifend sollicitudin, lectus dolor blandit mi, vel scelerisque erat felis et odio. In in laoreet elit, at semper velit. Nunc tristique urna sed felis auctor porta. Suspendisse potenti. Nunc condimentum orci in nunc placerat, non rutrum nulla tincidunt. Sed vel felis id velit molestie scelerisque. Duis at sem molestie arcu rutrum rutrum in quis orci. Curabitur placerat bibendum magna, eu consectetur erat dictum gravida. Maecenas in luctus nibh, vitae scelerisque diam. Vivamus dictum efficitur congue. Curabitur hendrerit semper ipsum, eget volutpat tortor ultricies eget. Nam pharetra, nulla ac vulputate aliquam, dui tortor malesuada neque, eget volutpat sem dui vitae lectus.
Integer fermentum, risus at pulvinar lacinia, lectus leo laoreet nisl, non viverra elit lacus non tortor. Aliquam ante sapien, sagittis in vulputate id, pulvinar eu eros. Cras eu risus ipsum. Nulla facilisi. Fusce scelerisque tincidunt vehicula. Suspendisse consectetur egestas scelerisque. Mauris non bibendum tellus, cursus posuere mauris. Praesent facilisis in ex non ornare. Proin eu congue est. Curabitur varius fringilla eros. Phasellus elit enim, porta vitae fringilla ut, commodo eget lectus. Curabitur laoreet accumsan mattis. In mattis purus sit amet porta lobortis. Cras varius a tellus sit amet tempus. Nulla commodo id ligula at pulvinar. Etiam nec nunc ligula.
Quisque malesuada gravida hendrerit. Aenean pharetra pulvinar ligula, congue pulvinar ante sodales a. Mauris sit amet lobortis neque. Sed sem nunc, ornare id ornare tempus, tempor vitae sem. Aliquam erat volutpat. Fusce tempor, leo sed pretium vulputate, arcu risus euismod purus, sit amet pellentesque turpis diam sed odio. Pellentesque hendrerit ex ut mi sollicitudin, nec maximus nibh tempor. Sed quis orci aliquet urna tristique vulputate. Donec vestibulum ut purus ut scelerisque. In imperdiet dui quis lacinia tristique. Phasellus pharetra dui elementum accumsan mollis. Nulla volutpat dignissim erat. Vestibulum rhoncus eu.
</p>

Script Preparation code:

function base64ArrayBuffer(arrayBuffer) {
  var base64    = '';
  var encodings = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';

  var bytes         = new Uint8Array(arrayBuffer);
  var byteLength    = bytes.byteLength;
  var byteRemainder = byteLength % 3;
  var mainLength    = byteLength - byteRemainder;

  var a, b, c, d;
  var chunk;

  // Main loop deals with bytes in chunks of 3
  for (var i = 0; i < mainLength; i = i + 3) {
    // Combine the three bytes into a single integer
    chunk = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2]

    // Use bitmasks to extract 6-bit segments from the triplet
    a = (chunk & 16515072) >> 18 // 16515072 = (2^6 - 1) << 18
    b = (chunk & 258048)   >> 12 // 258048   = (2^6 - 1) << 12
    c = (chunk & 4032)     >>  6 // 4032     = (2^6 - 1) << 6
    d = chunk & 63               // 63       = 2^6 - 1

    // Convert the raw binary segments to the appropriate ASCII encoding
    base64 += encodings[a] + encodings[b] + encodings[c] + encodings[d]
  }

  // Deal with the remaining bytes and padding
  if (byteRemainder == 1) {
    chunk = bytes[mainLength]

    a = (chunk & 252) >> 2; // 252 = (2^6 - 1) << 2

    // Set the 4 least significant bits to zero
    b = (chunk & 3)   << 4; // 3   = 2^2 - 1

    base64 += encodings[a] + encodings[b] + '=='
  } else if (byteRemainder == 2) {
    chunk = (bytes[mainLength] << 8) | bytes[mainLength + 1]

    a = (chunk & 64512) >> 10 // 64512 = (2^6 - 1) << 10
    b = (chunk & 1008)  >>  4 // 1008  = (2^6 - 1) << 4

    // Set the 2 least significant bits to zero
    c = (chunk & 15)    <<  2 // 15    = 2^4 - 1

    base64 += encodings[a] + encodings[b] + encodings[c] + '='
  }
  
  return base64
}

function base64ReadAsDataURL(blob) {
  return new Promise(resolve => {
    const fr = new FileReader();
	fr.onload = (ev) => {
      const dataUrl = event.target.result;
      const [_, base64] = dataUrl.split(',');

	  resolve(base64);
    };
    
    fr.readAsDataURL(blob);
  });
}

const loremElem = document.querySelector('#lorem'),
    loremText = loremElem.innerText;

window.loremArrayBuffer = Uint8Array.from(loremText, s => s.codePointAt(0));
window.loremBlob = new Blob([ loremText ]);

Tests:

Test Native JS Func
console.log(base64ArrayBuffer(window.loremArrayBuffer));
Test readAsDataURL()
(async function() { const base64Lorem = await base64ReadAsDataURL(window.loremBlob); console.log(base64Lorem); })();

Run results for: Base64 encode native func vs readAsDataURL()

Test Native JS Func

Test readAsDataURL()