Სარჩევი:

როგორ დავაჩქარო ჩემი შრიფტის ჩატვირთვა?
როგორ დავაჩქარო ჩემი შრიფტის ჩატვირთვა?

ვიდეო: როგორ დავაჩქარო ჩემი შრიფტის ჩატვირთვა?

ვიდეო: როგორ დავაჩქარო ჩემი შრიფტის ჩატვირთვა?
ვიდეო: როგორ მოვამზადოთ ფონდანტი ჩაის ქვაბის ტორტი ტორტის დეკორაციისთვის 2024, მაისი
Anonim

ნება მომეცით გაჩვენოთ შრიფტის უფრო სწრაფი ჩატვირთვის სტრატეგია

  1. Დადება შრიფტები CDN-ზე. ერთი მარტივი გამოსავალი საიტის გასაუმჯობესებლად სიჩქარე იყენებს CDN-ს და ეს არაფრით განსხვავდება შრიფტები .
  2. გამოიყენეთ არადაბლოკვის CSS Ჩატვირთვა .
  3. ცალკე შრიფტი სელექტორები.
  4. შენახვა შრიფტები შიგნით ლოკალური შენახვა.

შემდგომში, შეიძლება ასევე იკითხოთ, როგორ გავააქტიურო Google Fonts უფრო სწრაფად ჩატვირთვა?

  1. ჩატვირთეთ Google ფონტები ჯერ CSS-მდე. მოათავსეთ Google-ის იმპორტის კოდი ისე, რომ ის იტვირთება ჯერ პირდაპირ html HEAD ტეგის შემდეგ, CSS ფაილის ჩატვირთვამდეც კი.
  2. გამოიყენეთ ბმულის ფორმატი. არსებობს 3 გზა, რომლითაც შეგიძლიათ ჩატვირთოთ Google Fonts ‚ @import, link rel და javascript.
  3. ნაკლები შრიფტები.
  4. შეუთავსეთ თქვენი ფონტის კოდები.
  5. დასკვნა.

მეორეც, ანელებს თუ არა Google ფონტები ვებსაიტს? გარე შრიფტი სკრიპტები, როგორიცაა Typekit ან Google Fonts ნელდება თქვენი საიტი. Typekit არის ყველაზე ცუდი სიჩქარისთვის. ვებსაიფი შრიფტები გარანტირებული იქნება უფრო სწრაფი. HTTP არქივის მიხედვით, 2016 წლის ოქტომბრის მდგომარეობით, ვებ შრიფტები არის საშუალო გვერდის საერთო წონის მხოლოდ 3 პროცენტზე მეტი.

ასევე იცით, როგორ ახდენთ შრიფტების ოპტიმიზაციას?

აქ მოცემულია რამდენიმე ნაბიჯი, რომლის გადადგმაც შეგიძლიათ თქვენი შრიფტების მიწოდების ოპტიმიზაციისთვის

  1. აუდიტი და მონიტორინგი შრიფტის გამოყენება.
  2. ქვეჯგუფის შრიფტის რესურსები.
  3. მიაწოდეთ ოპტიმიზირებული შრიფტის ფორმატები თითოეულ ბრაუზერს.
  4. მიეცით უპირატესობა local()-ს src სიაში.
  5. ადრე განათავსეთ შრიფტის მოთხოვნა.
  6. სათანადო ქეშირება აუცილებელია.

როგორ ჩავტვირთო შრიფტი საიტზე?

ქვემოთ ახსნილი @font-face CSS წესი არის ყველაზე გავრცელებული მიდგომა ვებსაიტზე მორგებული შრიფტების დასამატებლად

  1. ნაბიჯი 1: ჩამოტვირთეთ შრიფტი.
  2. ნაბიჯი 2: შექმენით WebFont Kit ჯვარედინი დათვალიერებისთვის.
  3. ნაბიჯი 3: ატვირთეთ შრიფტის ფაილები თქვენს ვებსაიტზე.
  4. ნაბიჯი 4: განაახლეთ და ატვირთეთ თქვენი CSS ფაილი.
  5. ნაბიჯი 5: გამოიყენეთ მორგებული შრიფტი თქვენს CSS დეკლარაციებში.

გირჩევთ: