Რატომ უნდა თავიდან იქნას აცილებული წყობილი ცხრილები?

წყობილი მაგიდები ნელი შენი ვებ გვერდები ქვემოთ

ვებ-გვერდს სწრაფად უნდა ჩამოტვირთოთ, მაგრამ წყვეტს მაგიდები შეიძლება შეაფერხოს პროცესი. ნუ ვინმეს გითხრათ, რომ უფრო მეტი ადამიანი იყენებთ ფართოზოლოვან ან მაღალსიჩქარიანი ინტერნეტით, ასე რომ თქვენ არ უნდა ფიქრი, რამდენად სწრაფად თქვენი გვერდები იტვირთება. თანხის შინაარსი ინტერნეტში, გვერდი ან საიტი, რომელიც იტვირთება ნელა აპირებს ნაკლები სია, ვიდრე ერთი, რომ იტვირთება სწრაფად. სიჩქარე ძალიან მნიშვნელოვანია.

რა არის საცდელი მაგიდა?

წყობილი მაგიდა არის HTML მაგიდა, რომელსაც აქვს კიდევ ერთი მაგიდა. მაგალითად:




სვეტი 1
სვეტი 2
სვეტი 3

სვეტი 1




წყობილი ცხრილი 1
წყობილი ცხრილი 2



სვეტი 3

სვეტი 1
სვეტი 2
სვეტი 3

წყობილი მაგიდები გამოიწვიოს გვერდები უფრო ნელა ჩამოტვირთეთ

ვებ-გვერდის ერთ მაგიდასთან არ იწვევს გვერდს უფრო მეტად ნელა გადმოსატვირთად (მიზეზით). მაგრამ მომენტში ერთი მაგიდა მოათავსეთ სხვა მაგიდაზე, უფრო რთულია ბრაუზერისთვის, რათა გვერდი უფრო იტვირთოს. და კიდევ უფრო მეტი მაგიდები გაქვთ ერთმანეთის შიგნით, ნელი გვერდი იტვირთება.

როდესაც თქვენ შექმნით გვერდს ცხრილებთან ერთად, გაითვალისწინეთ, რომ მაგიდებიდან უფრო მეტი მაგიდები, ნელი გვერდი ჩაიტვირთება. ჩვეულებრივ, როცა გვერდი იტვირთება, ბრაუზერი იწყება HTML- ის ზედა ნაწილზე და იტვირთება მასზე თანმიმდევრულად. თუმცა, წყობილი მაგიდებით, მან უნდა მოიძიოს მაგიდის დასასრული, სანამ მას შეუძლია აჩვენოს მთელი რამ.

ცხრილების განლაგება

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

ასევე, თუ თქვენ ცდილობთ წერა XHTML, მაგიდები არ უნდა იყოს გამოყენებული განლაგება ყველა. მაგიდები არის tabular მონაცემები (როგორიცაა ცხრილები), არა განლაგება. ამის ნაცვლად, თქვენ უნდა გამოიყენოთ CSS განლაგებაზე - CSS დიზაინით უფრო სწრაფად გაწევა და დაგეხმარებათ XHTML მართებული.

შემუშავების სწრაფი ფუნქციების შექმნა

თუ მრავალჯერადი რიგების მაგიდასთან შეიმუშავებთ, მას ხშირად უფრო სწრაფად ჩაიტვირთება, თუ თითოეულ სტრიქონს ცალკე მაგიდას დაწერა. მაგალითად, შეგიძლიათ დაწეროთ მაგიდა ასეთი:




ზედა რიგი

მარცხენა სვეტი
მარჯვენა სვეტი

მაგრამ თუ დაამატეთ იგივე მაგიდა, როგორც ორი მაგიდა, უფრო ადვილად ჩაიტვირთა, რადგან ბრაუზერი პირველ რიდს გამოუყოფს და მეორეზე გაატარებს, ვიდრე ერთ მაგიდასთან ერთად. შეასრულა, რომ თითოეული მაგიდა იდენტურია სიგანეზე და სხვა სტილებს შორის (როგორიცაა padding, margins და საზღვრები).



ზედა რიგი




მარცხენა სვეტი
მარჯვენა სვეტი

კონვერტაციის სავარჯიშო მაგიდები ერთ მაგიდაზე

თქვენ შეიძლება ფიქრობთ, რომ ეს კარგი ინფორმაციაა, მაგრამ მაგიდა გაქვთ, რომელსაც უნდა ჰქონდეთ სხვა ცხრილი. მიუხედავად იმისა, რომ ეს შეიძლება იყოს ჭეშმარიტი, ხშირად შეგიძლიათ დააკონვერტიროთ წყობილი მაგიდები ოდნავ უფრო რთული კომპლექტი მაგიდები გამოყენებით და ატრიბუტები თქვენს მაგიდასთან საკნებში. მაგალითად, წყობილი მაგიდაზე ზედა, მე შემიძლია გარდაქმნას ეს ერთ მაგიდად მხოლოდ colspan ატრიბუტი:





სვეტი 1
< colspan = "2" > სვეტი 2
სვეტი 3

სვეტი 1
წყობილი ცხრილი 1
წყობილი ცხრილი 2
სვეტი 3

სვეტი 1
colspan = "2" > სვეტი 2
სვეტი 3

ეს მაგიდა ასევე სარგებლობს ნაკლები სიმბოლოების გამოყენებით, ვიდრე წყობილი მაგიდა, ამიტომ სწრაფად გადმოიტვირთება.