Narzędzie analityczne Lighthouse w ocenie jakości wybranych serwisów internetowych bibliotek akademickich w Polsce

• Autorzy: Marzec Paweł , Piotrowski Mirosław Dominik

Warianty tytułu

EN

Lighthouse analysis tool in websites quality assessment of selected academic libraries in Poland

• Języki publikacji: PL

Abstrakty

PL

Rozwój technologii internetowych oraz zmienność potrzeb użytkowników serwisów WWW wymusza konieczność stałej optymalizacji usług realizowanych za pośrednictwem sieci Internet. Ośrodki takie jak biblioteki akademickie powinny zapewniać dostęp do zasobów cyfrowych na najwyższym poziomie. Istotne z punktu widzenia jakości jest zastosowanie innowacyjnych rozwiązań i narzędzi. Nowym podejściem w tworzeniu serwisów internetowych są tzw. progresywne aplikacje webowe (ang. Progressive Web Apps, PWA). Stanowią one połączenie możliwości oferowanych przez natywne aplikacje mobilne oraz responsywne strony internetowe. Rozwiązanie to zapewnia integrację środowiska aplikacji natywnej z przeglądarką internetową. Głównym celem artykułu jest przedstawianie możliwości wykorzystania automatycznych narzędzi analitycznych w procesie optymalizacji serwisów internetowych. Zaprezentowano w nim nowoczesne, otwarte narzędzie analityczne Lighthouse (pol. Latarnia morska) służące do poprawy jakości serwisów internetowych. W pierwszej części przedstawiono jego podstawowe funkcjonalności (obecnie wbudowane wraz z innymi narzędziami deweloperskimi w przeglądarkę Google Chrome), które umożliwiają analizę takich cech serwisów internetowych jak: zgodność ze standardami PWA, spełnianie standardów dostępności stron WWW oraz ich optymalizacji pod kątem wyszukiwarek internetowych. W drugiej części zaprezentowano zastosowanie Lighthouse w praktyce. W części trzeciej wykazane zostały czynności, jakie wykonano w zakresie optymalizacji serwisu Biblioteki Uniwersyteckiej w Toruniu (w środowisku lokalnym) pod względem PWA. Ważną częścią pracy są wyniki badań, których przedmiotem były wybrane serwisy internetowe bibliotek akademickich w Polsce. Wyniki analizy porównawczej dla 11 wybranych serwisów wykazały, że są one stosunkowo dobrze zoptymalizowane pod kątem wyszukiwarek. Pozytywnie przedstawia się ich dostosowanie do wymagań związanych z dostępnością. Na zadowalającym poziomie stoi także wykorzystywanie rekomendowanych standardów tworzenia serwisów internetowych. Pewne wątpliwości mogą budzić wyniki wydajności badanych serwisów oraz poziom implementacji rozwiązań PWA.

EN

Internet technologies development and the variability of the users needs are two main reasons of the requirement of websites optimization. This problems have an impact on the quality of the library digital services too. Innovative solutions and modern tools should be used in that field. The development of Progressive Web Applications (PWA) is the new approach in the web design. PWA is a combination of the mobile native application and responsive web site. It brings integration of a mobile native application environment with web browsers. This paper deals with websites quality assessment automatic tools. Description of the Lighthouse (an analytic tool from Google Chrome developer tools) is the main topic of this paper. In the first part of the paper authors give a general overview of the Lighthouse tool functionality. Authors focused at features for analyse such as: compliance with PWA standards, web accessibility guidelines assessment and search engine optimization. In the second part the Lighthouse operating are shown. Authors carried out research about websites quality of the selected university libraries in Poland. Main functions as a part of tools for developers in Google Chrome browser were described first. Those functions are tools for evaluation in such categories like: performance, Progressive Web Applications (PWA), accessibility, search engine optimization (SEO). Description of Lighthouse in practise was the second part of this work. In the third part, optimization of University Library in Torun website at local server was shown. Very important part of this paper is description of Lighthouse audits of selected websites of academic libraries. The results showed that optimization level of those websites is good. There are strenges point of SEO attributes and accessibility. Standards of website development is well represented too. Problems with performance and implementation of PWA technology occured at websites that were evaluated during research.

Słowa kluczowe

PL

narzędzie analityczne Lighthouse; serwis internetowy; biblioteki akademickie w Polsce

EN

Lighthouse analysis tool; websites; academic libraries in Poland

• Wydawca: Polskie Towarzystwo Informacji Naukowej
• Czasopismo: PTINT Praktyka i Teoria Informacji Naukowej i Technicznej
• Rocznik: 2018
• Tom: T. 26, nr 2
• Strony: 25--46
• Opis fizyczny: Bibliogr. 40 poz., rys., tab.

Twórcy

autor

Marzec Paweł

• Uniwersytet Mikołaja Kopernika, Toruń, Instytut Informacji Naukowej i Bibliologii

autor

Piotrowski Mirosław Dominik

• Uniwersytet Mikołaja Kopernika, Toruń, Biblioteka Uniwersytecka

Bibliografia

• [1] Accessible Rich Internet Applications (WAI-ARIA) 1.0 [online] [Dostęp 18 lipiec 2018] Dostępny w World Wide Web: https://www.w3.org/TR/wai-aria/
• [2] Announcing Lighthouse 3.0 [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/updates/2018/05/lighthouse3
• [3] Chrome User Experience Report [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/tools/chrome-user-experience-report/
• [4] Compare your mobile site speed [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://www.thinkwithgoogle.com/feature/mobile/
• [5] Debugging Service Workers [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/fundamentals/codelabs/debuggingservice-workers/
• [6] GitHub - dequelabs/axe-core: Accessibility engine for automated Web UI testing [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://github.com/dequelabs/axe-core
• [7] GitHub - GoogleChrome/lighthouse: Auditing, performance metrics, and best practices for Progressive Web Apps [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://github.com/GoogleChrome/lighthouse
• [8] Gustafson, A. Understanding Progressive Enhancement, A List Apart, Issue 269 [online] OCT 07, 2008 [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://alistapart.com/article/understandingprogressiveenhancement
• [9] Gustafson, A. Yes, That Web Project Should Be a PWA, A List Apart, [online] August 30, 2017 [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://alistapart.com/article/yes-that-web-project-should-be-a-pwa
• [10] How To Think About Speed Tools [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/fundamentals/performance/speedtools/
• [11] Is service worker ready? [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://jakearchibald.github.io/isserviceworkerready/
• [12] Joomla Progressive Web Application (PWA) [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://extensions.joomla.org/extension/progressiveweb-application-pwa/
• [13] Launching SEO Audit category in Lighthouse Chrome extension [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://webmasters.googleblog.com/2018/02/seo-audit-category-in-lighthouse.htm
• [14] Lighthouse [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk
• [15] Lighthouse [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/tools/lighthouse/
• [16] Lighthouse Batch Reporter [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://www.npmjs.com/package/lighthouse-batch
• [17] Lighthouse Report Viewer [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://googlechrome.github.io/lighthouse/viewer/
• [18] Lighthouse v3 Scoring Guide [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/tools/lighthouse/v3/scoring
• [19] Lighthouse v3 Score Weighting [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://docs.google.com/spreadsheets/d/1Cxzhy5ecqJCucdf1M0iOzM8mIxNc7mmx1 07o5nj38Eo/edit#gid=0
• [20] Lighthouse, Web Performance, Architecture, And You [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://snugug.com/musings/lighthouse-webperformance-architecture-and-you/
• [21] manifest .json [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developer.mozilla.org/pl/docs/Mozilla/Add-ons/WebExtensions/manifest.json
• [22] Measure Performance with the RAIL Model [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/fundamentals/performance/rail
• [23] PageSpeed Insights [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/speed/pagespeed/insights/?hl=pl
• [24] Patel, N. Speed Is A Killer – Why Decreasing Page Load Time Can Drastically Increase Conversions [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://neilpatel.com/blog/speed-is-a-killer/
• [25] Piotrowski, D., M., Marczak, G. Migracja otwarto źródłowego systemu Liferay Portal w Bibliotece Uniwersyteckiej w Toruniu – studium przypadku. Toruńskie Studia Bibliologiczne, [S.l.], v. 10, n. 2 (19), p. 111-134.
• [26] Progressive Web Apps [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/progressive-web-apps/
• [27] Progressive Web App Checklist [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/progressive-web-apps/checklist
• [28] Progressive Web Apps on Windows [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web:https://docs.microsoft.com/en-us/microsoft-edge/progressive-webapps/get-started
• [29] PWMetrics [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://www.npmjs.com/package/pwmetrics
• [30] Ranking Uczelni Akademickich 2018, [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: http://www.perspektywy.pl/RSW2018/ranking-uczelniakademickich
• [31] Russell, A. Progressive Web Apps: Escaping Tabs Without Losing Our Soul, [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-oursoul/
• [32] Service Workers: an Introduction [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://developers.google.com/web/fundamentals/primers/service-workers/
• [33] Staying off the Rocks: Using Lighthouse to Build Seaworthy Progressive Web Apps (Google I/O '17) [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://youtu.be/NoRYn6gOtVo
• [34] Suchodolski, P. PWA pierwsze kroki [online] [Dostęp 18 lipca 2018]. Dostępny w World Wide Web: https://sunscrapers.com/blog/pwa-pierwsze-kroki/
• [35] Super Progressive Web Apps [online] OCT 07, 2008 [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://wordpress.org/plugins/super-progressive-webapps/
• [36] Tal, A. Progresywne aplikacje webowe: potęga aplikacji natywnych w przeglądarce. Warszawa: APN Promise, 2018.
• [37] Test Your Mobile Website Speed and Performance - Google [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://testmysite.withgoogle.com/intl/engb
• [38] Use Lighthouse and Chrome UX Report to optimize web app performance (Google I/O'18) [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://www.youtube.com/watch?v=UvK9zAsSM8Q
• [39] Wappalyzer [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://www.wappalyzer.com/
• [40] WebPagetest Website Performance and Optimization Test [online] [Dostęp: 18 lipiec 2018] Dostępny w World Wide Web: https://www.webpagetest.org/

Uwagi

Opracowanie rekordu w ramach umowy 509/P-DUN/2018 ze środków MNiSW przeznaczonych na działalność upowszechniającą naukę (2019).