Tools & Wizards About Us
fluttergems.dev screenshot

Report Summary

  • 79

    Performance

    Renders faster than
    85% of other websites

  • 87

    Accessibility

    Visual factors better than
    that of 66% of websites

  • 83

    Best Practices

    More advanced features
    available than in
    55% of websites

  • 92

    SEO

    Google-friendlier than
    74% of websites

fluttergems.dev

Flutter Gems - A Curated List of Top Dart and Flutter packages

Page Load Speed

14.8 sec in total

First Response

242 ms

Resources Loaded

4.5 sec

Page Rendered

10.1 sec

fluttergems.dev screenshot

About Website

Visit fluttergems.dev now to see the best up-to-date Flutter Gems content for Qatar and also check out these interesting facts you probably never knew about fluttergems.dev

Flutter Gems is a curated list of top Dart and Flutter packages that are categorized based on functionality. Flutter Gems is also a visual alternative to pub.dev

Visit fluttergems.dev

Key Findings

We analyzed Fluttergems.dev page load time and found that the first response time was 242 ms and then it took 14.5 sec to load all DOM resources and completely render a web page. This is a poor result, as 90% of websites can load faster.

Performance Metrics

fluttergems.dev performance score

79

Measured Metrics

name

value

score

weighting

FCP (First Contentful Paint)

Value2.3 s

74/100

10%

LCP (Largest Contentful Paint)

Value2.3 s

93/100

25%

SI (Speed Index)

Value2.3 s

99/100

10%

TBT (Total Blocking Time)

Value530 ms

55/100

30%

CLS (Cumulative Layout Shift)

Value0.001

100/100

15%

TTI (Time to Interactive)

Value5.9 s

65/100

10%

Network Requests Diagram

fluttergems.dev

242 ms

bootstrap.min.css

328 ms

bootstrap-icons.css

397 ms

album.css

179 ms

logo.png

234 ms

Our browser made a total of 192 requests to load all elements on the main page. We found that 95% of them (183 requests) were addressed to the original Fluttergems.dev, 2% (4 requests) were made to Cdn.jsdelivr.net and 1% (2 requests) were made to Clarity.ms. The less responsive or slowest element that took the longest time to load (1.5 sec) belongs to the original domain Fluttergems.dev.

Page Optimization Overview & Recommendations

Page size can be reduced by 238.7 kB (46%)

Content Size

521.7 kB

After Optimization

283.0 kB

  • HTML
  • Images
  • JavaScript

In fact, the total size of Fluttergems.dev main page is 521.7 kB. This result falls beyond the top 1M of websites and identifies a large and not optimized web page that may take ages to load. 60% of websites need less resources to load. HTML takes 287.4 kB which makes up the majority of the site volume.

HTML Optimization

-83%

Potential reduce by 238.3 kB

  • Original 287.4 kB
  • After minification 227.8 kB
  • After compression 49.1 kB

HTML content can be minified and compressed by a website’s server. The most efficient way is to compress content using GZIP which reduces data amount travelling through the network between server and browser. This page needs HTML code to be minified as it can gain 59.5 kB, which is 21% of the original size. It is highly recommended that content of this web page should be compressed using GZIP, as it can save up to 238.3 kB or 83% of the original size.

Image Optimization

-0%

Potential reduce by 94 B

  • Original 233.6 kB
  • After minification 233.5 kB

Image size optimization can help to speed up a website loading time. The chart above shows the difference between the size before and after optimization. Flutter Gems images are well optimized though.

JavaScript Optimization

-36%

Potential reduce by 258 B

  • Original 707 B
  • After minification 707 B
  • After compression 449 B

It’s better to minify JavaScript in order to improve website performance. The diagram shows the current total size of all JavaScript files against the prospective JavaScript size after its minification and compression. It is highly recommended that all JavaScript files should be compressed and minified as it can save up to 258 B or 36% of the original size.

Requests Breakdown

Number of requests can be reduced by 31 (16%)

Requests Now

190

After Optimization

159

  • Images
  • JavaScript
  • CSS

The browser has sent 190 CSS, Javascripts, AJAX and image requests in order to completely render the main page of Flutter Gems. We recommend that multiple CSS and JavaScript files should be merged into one by each type, as it can help reduce assets requests from 6 to 1 for JavaScripts and as a result speed up the page load time.

Network Requests Diagram

fluttergems.dev

fluttergems.dev

242 ms

bootstrap.min.css

bootstrap.min.css

328 ms

bootstrap-icons.css

bootstrap-icons.css

397 ms

album.css

album.css

179 ms

logo.png

logo.png

234 ms

apidash2.png

apidash2.png

229 ms

home-screen-launcher-icon-name.png

home-screen-launcher-icon-name.png

349 ms

splash-screen.svg

splash-screen.svg

350 ms

onboarding-carousel.png

onboarding-carousel.png

318 ms

feature-discovery-coach-marks.png

feature-discovery-coach-marks.png

363 ms

authentication.svg

authentication.svg

381 ms

biometric-local-auth.svg

biometric-local-auth.svg

370 ms

pin-password-field.svg

pin-password-field.svg

1011 ms

feedback.svg

feedback.svg

1007 ms

app-update.png

app-update.png

985 ms

chatgpt-llm-genai.svg

chatgpt-llm-genai.svg

996 ms

ar-vr.svg

ar-vr.svg

1001 ms

machine-learning.svg

machine-learning.svg

989 ms

ai-voice-assistant.svg

ai-voice-assistant.svg

1023 ms

3d.svg

3d.svg

1029 ms

game-development.svg

game-development.svg

1037 ms

geolocation-maps.svg

geolocation-maps.svg

1053 ms

ad-serving.svg

ad-serving.svg

1045 ms

analytics-consumer-insights.svg

analytics-consumer-insights.svg

1040 ms

health-fitness.svg

health-fitness.svg

1074 ms

cryptography-security-permissions.svg

cryptography-security-permissions.svg

1110 ms

localization-internationalization.svg

localization-internationalization.svg

1166 ms

sql-database.svg

sql-database.svg

1077 ms

nosql-database.svg

nosql-database.svg

1113 ms

database-adapter.svg

database-adapter.svg

1147 ms

cloud-storage-database.svg

cloud-storage-database.svg

1139 ms

cache-temporary-storage.svg

cache-temporary-storage.svg

1165 ms

graph-query-language.svg

graph-query-language.svg

1133 ms

qr-code-bar-code.svg

qr-code-bar-code.svg

1173 ms

document-scanner.svg

document-scanner.svg

1183 ms

pdf.svg

pdf.svg

1199 ms

printing.svg

printing.svg

1195 ms

design-system.png

design-system.png

1191 ms

bootstrap.bundle.min.js

bootstrap.bundle.min.js

230 ms

jquery-3.2.1.slim.min.js

jquery-3.2.1.slim.min.js

850 ms

js

js

889 ms

index-script.js

index-script.js

1058 ms

light-mode-dark-mode-themes.svg

light-mode-dark-mode-themes.svg

1078 ms

widget-library-ui-framework.png

widget-library-ui-framework.png

1507 ms

responsive-ui.svg

responsive-ui.svg

1090 ms

neumorphic-ui.png

neumorphic-ui.png

1385 ms

glassmorphic-ui.svg

glassmorphic-ui.svg

1377 ms

liquid-squishy-ui.png

liquid-squishy-ui.png

1394 ms

dual-screen-folding-device-ui.svg

dual-screen-folding-device-ui.svg

1381 ms

color-picker-utilities.svg

color-picker-utilities.svg

1365 ms

widget-generation-rendering.svg

widget-generation-rendering.svg

1367 ms

wifi-iot.svg

wifi-iot.svg

743 ms

sensors.svg

sensors.svg

738 ms

bluetooth-nfc-beacon.svg

bluetooth-nfc-beacon.svg

740 ms

network-connectivity-status.svg

network-connectivity-status.svg

732 ms

http-client-utilities.svg

http-client-utilities.svg

726 ms

websocket.svg

websocket.svg

761 ms

openapi.svg

openapi.svg

708 ms

api.svg

api.svg

698 ms

dio.svg

dio.svg

704 ms

chat.svg

chat.svg

703 ms

sms.svg

sms.svg

681 ms

messaging-push-notification.svg

messaging-push-notification.svg

687 ms

real-time-communication.svg

real-time-communication.svg

649 ms

social-media.svg

social-media.svg

672 ms

avatar-profile-picture-chat-heads.svg

avatar-profile-picture-chat-heads.svg

657 ms

bootstrap-icons.woff

bootstrap-icons.woff

145 ms

image.svg

image.svg

664 ms

video.svg

video.svg

646 ms

camera.svg

camera.svg

667 ms

audio.svg

audio.svg

628 ms

picture-in-picture.svg

picture-in-picture.svg

625 ms

carousel-cover-flow.svg

carousel-cover-flow.svg

634 ms

story-view.svg

story-view.svg

620 ms

tinder-swipe-cards.svg

tinder-swipe-cards.svg

678 ms

placeholder.svg

placeholder.svg

642 ms

crop-image.svg

crop-image.svg

697 ms

edit-save-compress-multimedia.svg

edit-save-compress-multimedia.svg

717 ms

multimedia-utilities.svg

multimedia-utilities.svg

692 ms

routing.png

routing.png

623 ms

deep-linking.svg

deep-linking.svg

250 ms

app-bar-action-bar.png

app-bar-action-bar.png

256 ms

drawer.png

drawer.png

250 ms

menu.png

menu.png

243 ms

tab.png

tab.png

560 ms

bottom-navigation-bar.png

bottom-navigation-bar.png

376 ms

search-bar-apis-utilities.png

search-bar-apis-utilities.png

372 ms

sharing-intent.svg

sharing-intent.svg

590 ms

status-bar.png

status-bar.png

575 ms

badge.png

badge.png

573 ms

notification-toast.png

notification-toast.png

595 ms

indicators-loading-refresh-progress.png

indicators-loading-refresh-progress.png

592 ms

card-expansion-tile.png

card-expansion-tile.png

605 ms

dialogs.png

dialogs.png

604 ms

webview.svg

webview.svg

612 ms

header.png

header.png

640 ms

bottom-panels-bottomsheets.png

bottom-panels-bottomsheets.png

620 ms

floating-action-button.svg

floating-action-button.svg

632 ms

table.svg

table.svg

640 ms

widget-extension.png

widget-extension.png

644 ms

scrollable-scrollview-scrollbar.svg

scrollable-scrollview-scrollbar.svg

811 ms

list.png

list.png

640 ms

pagination-lazy-loading.svg

pagination-lazy-loading.svg

644 ms

timeline.svg

timeline.svg

655 ms

grid.svg

grid.svg

785 ms

tree-view.svg

tree-view.svg

790 ms

settings-ui.png

settings-ui.png

772 ms

form.png

form.png

763 ms

stepper.png

stepper.png

767 ms

checkbox-radio-button.svg

checkbox-radio-button.svg

756 ms

dropdown.svg

dropdown.svg

743 ms

spin-box.png

spin-box.png

701 ms

button-progress-button.svg

button-progress-button.svg

728 ms

chip-tag.png

chip-tag.png

688 ms

switch.svg

switch.svg

710 ms

slider.png

slider.png

686 ms

country-country-code-picker.svg

country-country-code-picker.svg

710 ms

file-picker.svg

file-picker.svg

702 ms

multimedia-picker.svg

multimedia-picker.svg

737 ms

contact-picker.svg

contact-picker.svg

783 ms

3xry1cqe21

3xry1cqe21

385 ms

location-place-address-picker.svg

location-place-address-picker.svg

646 ms

generic-picker.svg

generic-picker.svg

431 ms

date-time-picker.svg

date-time-picker.svg

447 ms

icons.svg

icons.svg

476 ms

fonts.svg

fonts.svg

548 ms

emoji-rich-text.svg

emoji-rich-text.svg

560 ms

text-decoration-effect-animation.png

text-decoration-effect-animation.png

490 ms

editor-syntax-highlighter.svg

editor-syntax-highlighter.svg

466 ms

richtext-markdown-editor.svg

richtext-markdown-editor.svg

516 ms

autoformat-masking-validation.png

autoformat-masking-validation.png

539 ms

autocomplete.png

autocomplete.png

678 ms

parsing-other-utilities.svg

parsing-other-utilities.svg

547 ms

keyboard.svg

keyboard.svg

631 ms

clarity.js

clarity.js

189 ms

stopwatch-timer-countdown.svg

stopwatch-timer-countdown.svg

553 ms

clock.svg

clock.svg

571 ms

calendar.svg

calendar.svg

653 ms

date-time-utilities.svg

date-time-utilities.svg

579 ms

shapes-path.svg

shapes-path.svg

592 ms

animation-transition.png

animation-transition.png

646 ms

effects-gradients-shaders.svg

effects-gradients-shaders.svg

450 ms

clipper-decoration.png

clipper-decoration.png

537 ms

plots-visualization.svg

plots-visualization.svg

448 ms

drawing-painting-signature.svg

drawing-painting-signature.svg

647 ms

touch-gesture.svg

touch-gesture.svg

667 ms

layout-overlay.png

layout-overlay.png

688 ms

developer-tools.svg

developer-tools.svg

482 ms

packaging-publishing.svg

packaging-publishing.svg

758 ms

storybook.svg

storybook.svg

553 ms

device-preview-screenshot.svg

device-preview-screenshot.svg

562 ms

linter.svg

linter.svg

732 ms

testing.svg

testing.svg

952 ms

debugging-logging.svg

debugging-logging.svg

617 ms

performance-crash-insights.svg

performance-crash-insights.svg

690 ms

python-rust-other-programming-language-interface.svg

python-rust-other-programming-language-interface.svg

621 ms

code-generator-serialization.svg

code-generator-serialization.svg

728 ms

language-extension-enhancement.svg

language-extension-enhancement.svg

596 ms

state-management.svg

state-management.svg

601 ms

flutter-framework.svg

flutter-framework.svg

825 ms

hooks.svg

hooks.svg

704 ms

web-server.svg

web-server.svg

620 ms

firebase.svg

firebase.svg

817 ms

aws.png

aws.png

637 ms

payment-api-sdk.svg

payment-api-sdk.svg

756 ms

web3-crypto-blockchain.svg

web3-crypto-blockchain.svg

647 ms

credit-card-ui-scanner.svg

credit-card-ui-scanner.svg

804 ms

games-rewards.svg

games-rewards.svg

631 ms

json.svg

json.svg

610 ms

xml-json-other-interchange-formats.svg

xml-json-other-interchange-formats.svg

607 ms

ods-xlsx-sheets.svg

ods-xlsx-sheets.svg

646 ms

markdown.svg

markdown.svg

602 ms

html-css.svg

html-css.svg

581 ms

epub.svg

epub.svg

645 ms

javascript.svg

javascript.svg

670 ms

compressed-files.svg

compressed-files.svg

571 ms

odt-doc-docx.svg

odt-doc-docx.svg

558 ms

latex.svg

latex.svg

594 ms

presentation-slides-ppt-keynote.svg

presentation-slides-ppt-keynote.svg

566 ms

cli.svg

cli.svg

568 ms

windows.svg

windows.svg

583 ms

web.svg

web.svg

603 ms

android-ios.svg

android-ios.svg

538 ms

tv-watch-car.svg

tv-watch-car.svg

459 ms

iot-hardware.svg

iot-hardware.svg

566 ms

device-utilities.svg

device-utilities.svg

449 ms

package-utilities.svg

package-utilities.svg

553 ms

geolocation-utilities.svg

geolocation-utilities.svg

540 ms

math-utilities.svg

math-utilities.svg

544 ms

file-folder-path-util.svg

file-folder-path-util.svg

565 ms

flutter-community.png

flutter-community.png

547 ms

c.gif

c.gif

13 ms

Accessibility Review

fluttergems.dev accessibility score

87

Accessibility Issues

Contrast

These are opportunities to improve the legibility of your content.

Impact

Issue

High

Background and foreground colors do not have a sufficient contrast ratio.

Navigation

These are opportunities to improve keyboard navigation in your application.

Impact

Issue

High

Heading elements are not in a sequentially-descending order

Names and labels

These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users of assistive technology, like a screen reader.

Impact

Issue

High

Image elements do not have [alt] attributes

Best Practices

fluttergems.dev best practices score

83

Areas of Improvement

Trust and Safety

Impact

Issue

High

Does not use HTTPS

High

Includes front-end JavaScript libraries with known security vulnerabilities

Low

Ensure CSP is effective against XSS attacks

General

Impact

Issue

Low

Detected JavaScript libraries

High

Page has valid source maps

SEO Factors

fluttergems.dev SEO score

92

Search Engine Optimization Advices

Content Best Practices

Format your HTML in a way that enables crawlers to better understand your app’s content.

Impact

Issue

High

Image elements do not have [alt] attributes

Mobile Friendly

Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content pages. [Learn more](https://developers.google.com/search/mobile-sites/).

Impact

Issue

High

Document uses legible font sizes

Language and Encoding

  • Language Detected

    EN

  • Language Claimed

    EN

  • Encoding

    UTF-8

Language claimed in HTML meta tag should match the language actually used on the web page. Otherwise Fluttergems.dev can be misinterpreted by Google and other search engines. Our service has detected that English is used on the page, and it matches the claimed language. Our system also found out that Fluttergems.dev main page’s claimed encoding is utf-8. Use of this encoding format is the best practice as the main page visitors from all over the world won’t have any issues with symbol transcription.

Social Sharing Optimization

fluttergems.dev

Open Graph data is detected on the main page of Flutter Gems. This is the best way to make the web page social media friendly. Here is how it looks like on Facebook: